@charset "utf-8";
/* CSS Document */
.conf #maincontent {width:100%;
max-width:1300px; padding: 0px 6%; margin: 60px 0px 20px; }
@media (max-width:1140px) {
.conf #maincontent{	padding: 0px 1%;}
}
#tabs .day1button .button {width: 50%;  float:left;}
#tabs .day2button .button, #tabs .day4button .button {width: 25%;  float:left; margin-right:30px}
.day1button {margin-left:50%;  margin-top:20px; overflow:hidden}
.day2button, .day4button {margin-left:25%; margin-top:20px; overflow:hidden}
.anchor {    position: relative;
    top: -168px;}


.session {padding:30px 0px }
@media (max-width:1140px) {
.session{ padding: 30px 5%;}
}

.session h3 { margin: 0px; text-transform:uppercase}
.session p {margin: .5em 0;}
.even {background-color:#F2F2F3;margin: 0 -80px;
padding: 30px 80px; }

.presentations {
    padding-left: 7%; margin-top:30px
	}
.session .presentations p {margin: 1em 0;}	

.awardsboxing {
	background: #e6d8ee; 
	background-size: 33% auto;
	margin: 0 -80px;
padding: 14px 80px; 
}
.award {border-top: solid 5px white;
margin: 0px -80px;  /* for the white border to go all acrooss */
padding: 20px 10% 0px 80px;}
.techaward {border-bottom: solid 5px white;
margin: 0px -80px;
padding: 20px  40% 0px 80px;}
.awardpurple { background: #e6d8ee;	margin: 0 -80px; padding: 14px 80px; } /* for secondary award listings */

.dine {
	background:#c5da35 url(https://www.inda.org/events/hygienix18/img/dine.jpg) no-repeat center top;
	color: #553379;
	background-size: 100% auto;
	margin: 0 -80px;
	padding: 14px 40% 14px 80px;
}
 
/***********  ESSENTIALS COURSE  ********************/
.essential {
	padding-top: 30px;
	padding-bottom: 5px;
	background: #fef8e8 url(https://www.inda.org/events/hygienix18/img/bg-essentials.jpg) no-repeat 40px top;
}
.ess-time {
	color: #553397;
padding-left: 413px;
margin-top: 31px;
}
@font-face {
    font-family: osw_demibold;
    src: url('http://www.inda.org/idea19/fonts/Oswald/Oswald-DemiBold.ttf') format('truetype');  
}
.essential h2 {
	color: #000000;
	margin: 90px 0px 10px 5%;
	font: 42px "osw_demibold";
	text-transform: none;
}
.essential .firsttwo p {margin-left:5%;}
.essential .more {padding-top:13px }
.essential a.course:link, .essential a.course:visited {background: #6ec9ba; color:#000; padding:15px 4%; text-decoration:none;margin-right: 4%; min-width: 175px;}
.essential a.course:hover {
    background-color: #f1b91c; }
.essential .flexrow {display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
      -ms-flex-direction: row;
	-webkit-flex-direction:	 row; 
	-webkit-flex-direction: row;
          flex-direction: row;
	-webkit-justify-content:: flex-start;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
	-webkit-align-items: center;  
          align-items: center;
		 margin-left: 5%;
		 }
.essential .flexcolumn {display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	}	
.flexcolumn img{max-width: 200px; }
@media (max-width: 770px) { 
.essential .firsttwo p {margin-left: 0}
.ess-time {padding:107px  0 0 50px}
.essential h2 { margin-top:20px; margin-left:0 }
.essential .course {
    margin-top: 27px;
    margin-bottom: 34px; }
.essential .course a { padding: 15px 16px; }
.essential img {margin-right:5% }
.essential .flexcolumn {     -ms-flex-direction: row;
	-webkit-flex-direction:	 row; 
	-webkit-flex-direction: row;
          flex-direction: row;
	}
.dine {background: #c5da35 url(https://www.inda.org/events/hygienix18/img/dine.jpg) no-repeat center top; background-size: 120% }
.dinaround {margin-right:35%}

}



/***  ICON IMAGES FLEX ********************************/

.iconfloat {display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.iconfloat img  {  -ms-flex-item-align: start;
      align-self: flex-start;
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; 
margin-right:30px }
.iconfloat div {flex: 1 1 auto; }

/* Accordian ///////////////////////*/
#tabs button {
  cursor: pointer;
  margin: 0;
}

/* Helpers */
#tabs .tabs {
  overflow: auto;
  margin: 1em 0 0;
}

#tabs .tabs__item {
  width: 24%;
  float: left;
  box-sizing: border-box;
 margin-left:1.3%
}

#tabs .is-hidden {  display: none;}
#tabs .is-hidden--mobile li {  list-style-type: none;}
@media (min-width:690px) {
#tabs  .is-hidden--desktop { display: none;  }
}

@media (max-width:689px) {
.conf #maincontent {Padding:0px 3%}
#tabs .tabs__item { width:42%; margin-left:0px; margin-right:5%; margin-bottom:20px }
.conf #tabs .tabs__trigger { font-size: 14px; height: 40px; padding:3px }
#tabs  .is-hidden--mobile { display: none;  }

.firsttwo, .lastthird, .thirds div {
	padding:0px 2%}
.session {padding:10px; margin: 0px;}
h3.session, .session H3, .ConfBold {font-size:18px }
.awardsboxing {
	margin: 0px;
	padding: 5px 0px;
	background: #e6d8ee url(https://www.inda.org/events/hygienix18/none);
}
.award, .techaward {border:none; }
.award a:link, .award a:visited { white-space:normal }
#tabs .button { padding: 8px 5px; font-size:12px }
#tabs .day1button .button { width:100%; }
.day2button, .day4button { margin-left:5% }
#tabs .day2button .button, #tabs .day4button .button {
    width: 45%;
    float: left;
    margin-right: 2%;
}

}


#tabs .innerToggle__content h2{  padding-top: 20px;}
#tabs .tabs__item:first-child {  margin-left:0px}

#tabs .tabs__trigger {
  display: block;
  width: 100%;
  padding: 5px 10px;
  color: #D8C4E5;
  background-color: #8347AD;
  border: none;
  height: 61px;
  text-transform: uppercase;

}
#tabs .tabs__trigger:hover {background-color:#553379 }
#tabs .tabs__item.is-open .tabs__trigger {
  color: #D8C4E5;
  background-color: #553379;
}

#tabs .button {
  width: 100%;
  padding: 10px 20px;
  color: #D8C4E5;
  background-color: #8347AD;
  border: none;
	margin-bottom:2px;
}

#tabs .button.is-active {
  color: #D8C4E5;
  background-color:#553379;
}


/* end of accordian */

@media (max-width: 770px) { 

label {text-align:left; margin:0px; height:auto }


}