@charset "utf-8";
/* CSS Document */
/* allow wider width */
.edupages .container, .edupages #footerwrapper, .edupages .classes{max-width:1280px; height:100%;
margin: 0 auto;}
/* Wide width containers  80em */
strong {font-family: 'Montserrat', Helvetica, sans-serif;
	font-weight: 700 !important;
}
.intro-banner {	max-width: 1280px;
	margin: 0 auto;}
.intro-banner a.class {
	padding: 12%;
}
.edupages {color:#333e48}


.edupages	header {background-color:#fff}
.edupages .main-nav {	
background: #0064A8;
border-top: solid 4px #4E4D52;
border-bottom: solid 4px #B3D235;
}
.edupages .main-nav .container{	border:none; }
/* end wider width */

.intro-banner {
	background: 
		url(imgs/logo-PDC.png) no-repeat left top,
		url(imgs/bg-landing.gif)  no-repeat center top;
	background-size: 26%, 1392px;
	font-family: 'Montserrat', Helvetica, sans-serif;
	vertical-align: top;

	padding: 0 3.1em;
	min-height: 200px

}
.IntCourse .intro-banner {
		background: 
		url(imgs/logo-PDC.png) no-repeat left top,
		url(imgs/bg-int.gif)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.AdvCourse .intro-banner {
		background: 
		url(imgs/logo-PDC.png) no-repeat left top,
		url(imgs/bg-adv.gif)  no-repeat center top;
	background-size: 26%, 1392px;
	}	
.Wipes .intro-banner	{
		background: 
		url(imgs/logo-PDC.png) no-repeat left top,
		url(imgs/bg-wipes.jpg)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.filter .intro-banner {
		background: 
		url(imgs/logo-PDC.png) no-repeat left top,
		url(imgs/bg-filter.jpg)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.ahtc .intro-banner {
		background: 
		url(imgs/logo-PDC.png) no-repeat left top,
		url(imgs/bg-ah.jpg)  no-repeat center top;
	background-size: 26%, 1392px;
	background-color: #c4d600;
	}		
.kern {letter-spacing: 0.08em;}	
img.virtual {max-width:80%; margin:0 10% }	
		
@media (max-width: 80em) { 
.intro-banner { padding: 0px; } 
}

.intro-banner h1.indalearning { font-size:50px;     padding-top: 40px; }
.intro-banner h1 {
	font: 40px  'Montserrat', Helvetica, sans-serif;
	text-transform: uppercase;
	color: #Ffffff;
	margin-left: 28%;
margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 30px;
	font-weight: 500;
	
}
.intro-banner h1 a, .intro-banner a.h1 {color:#ffffff }
.boxrow{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    justify-content: center;
flex-wrap: nowrap;
margin-top: 42px;
}
.boxrow a{	max-width: 234px;
background-color: #ffffff;
box-shadow: 0 3px 6px rgba(10,10,10,0.21);
flex: 1 1 0;
 -webkit-box-flex: 1;
      -ms-flex: 1;
margin: 0 1%;
z-index:5;
}
.boxes {  padding-bottom: .5em; background-color: #ffffff;}
.bgbox {
height: 164px;
width: 100%;
background-position: center top;
background-size: cover;}
.boxrow h4 {text-align:center}
.boxrow h4 img { max-width:100%}
.boxes .elem, .featured .elem{	background: url(imgs/box-elem-main.jpg); background-position: -40px 0px;}
.boxes .int, .featured .int {background: url(imgs/box-int-main.jpg);}
.boxes .adv, .featured .adv {background: url(imgs/box-adv-main.jpg);}
.boxes .wipes, .featured .wipes {background: url(imgs/box-wipes.jpg);}
.boxes .filter, .featured .filter {background: url(imgs/box-filt-main.jpg);}
.boxes .abshyg, .featured .absorb {background: url(imgs/box-absorbent.jpg); background-position: -40px -16px;}
.boxes .absorb {
	background: url(imgs/box-absorbent.jpg) center center;
}
.boxes .webinar, .featured .webinar {background: url(imgs/box-webinar.jpg); background-position: -40px 0px; background-size: cover;}

.webimg img {margin-top: -12px }  /* allows a larger logo image */
.featured .webinarASTM {background: url(imgs/Webinar-ASTM.jpg); background-size: cover;}
.featured .webinarPL {background: url(imgs/Webinar-Plastics.jpg); background-size: cover;}
.featured .webinarSB {
	background: url(imgs/Webinar-Spunbond.jpg);
	background-size: cover;
}
.boxes a {text-decoration:none}
.boxes:hover {opacity:0.8; background: #D6E792;}
@media (max-width: 768px) {  

	
.intro-banner h1, .intro-banner h1.indalearning{ font-size: 2em;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:36px;
	padding-left:40%; 
	padding-top: 25px;
}
.boxrow{
	background:  #F0B91E;
	margin-top: 12px;
flex-wrap:wrap;
justify-content: space-around;
}
.boxrow a { min-width:150px; max-width:150px; margin-bottom: 20px }


.boxrow h4 { margin:0px;text-align:center;}
.boxrow h4 img {max-width:100%; max-height: 64px;}
.edupages .container, .edupages #footerwrapper, .edupages .classes {max-width:100%; width: 100%}
.boxes {padding-bottom: 1px }

.boxrow .webimg img {margin-top: 0px; max-height:48px} 

}
@media (max-width:450px) {  
.boxrow .bgbox {display:none;}
.boxrow h4 img {max-width:100%; max-height: 46px; margin: 1px 0}
.webimg img {margin-top:0}  /* allows a larger logo image */
.intro-banner{
	min-height: 150px
}

.intro-banner h1, .intro-banner h1.indalearning { font-size: 1.5em; padding-left: 30%;margin-top: 21px;
}
}  /* End small width phones */

.edupages .landing {padding:36px 20px 10px; margin-top:-24px; 
    background-color: #ffffff;}
.education { /* this should be full width */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	font-family: 'Montserrat', Helvetica,  sans-serif;
	overflow:hidden;
			
}
#upcoming { 
    width:100%;
	padding-right:5%;
	  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
	}
.edupages h2 {
	color: #0064a8;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.3em;
}
.edupages h2 span {text-transform:none; color:#333e48; font-size:30px}
.featured .imgbox{
	width: 30%;
	background-position: center top;
	background-size: auto 100%; 
	margin-right: 3%;
	border-radius: 12px 0px 0px 12px;
-moz-border-radius:  12px 0px 0px 12px;
-webkit-border-radius:  12px 0px 0px 12px; }
	

.featured  {
	font:14px 'Montserrat', Helvetica, sans-serif;
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
	margin-bottom: 10px;
	display: flex;
	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	margin:5px 5px 40px
}

.featured h3 {
	color: #0064a8;
	font: 300 22px 'Montserrat', Helvetica, sans-serif;
}
.featured .edu-dates {color: #0064a8; font-size:15px; font-weight:800}
.featured .edu-links, .featured .edu-links a, .all-training a, .featured span a{color: #0064a8 !important; font-weight: 700}
.featured span {white-space:nowrap; }
.feat-desc {padding-right:1%; width:70%; padding-bottom:10px}
.all-training {background-color:#e2f4ff; width:99%; font: 1.4em 'Montserrat', Helvetica, sans-serif;
text-align:center;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.65);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	padding:5px; margin-bottom:10px;
}

#edu-sidebar {
	max-width: 32%;
	  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
		 min-width:20%;
	/* [disabled]display: -webkit-box;                   IE 10 does not handle flex within flex well*/
	/* [disabled]display: -ms-flexbox; */
	/* [disabled]display: flex; */
	/* [disabled]-webkit-box-orient: vertical; */
	/* [disabled]-webkit-box-direction: column; */
	/* [disabled]-ms-flex-direction: column;
	/* [disabled]flex-direction: column;
	/* [disabled]-webkit-box-align: center; */
	/* [disabled]-ms-flex-align: center;
	/* [disabled]align-items: center;
	/* [disabled]overflow: hidden; */
 }

#edu-sidebar img {max-width:100%; margin-bottom:2em}

@media (max-width: 700px) {  
.edupages .landing  {    padding: 5px 20px 10px;
    background-color: #ffffff;
    margin-top: -3px;}
.education { 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:  space-around;
  -ms-flex-pack:  space-around;
   justify-content:  space-around;
	}
.featured	{ padding-left:10px }
.featured .imgbox {display:none}
#upcoming {margin-right: 0; margin-top:2px }
#edu-sidebar {  width: 100%; 
max-width:100%;
}
#edu-sidebar img { margin-bottom:1em}


}
/*////////////////////////**********training pages **************************|||||||||||||||||||||| */

.intro-banner h1.etc {
	margin-bottom: 0px;
}
.classes {background-color:#ffffff;     margin-left: auto;
    margin-right: auto;}
.edu-3part {  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	font-family: 'Montserrat', Helvetica,  sans-serif;
	padding: 1%;}
	
.edu-2part {width:100%; max-width: 900px;}
.edu-left {
	background-color: #e2f4ff;
	margin-right: 3%;
	max-width: 224px;
height: 100%;
flex: 0 0 224px;
line-height:1.2em;
}

.classes .boxes {	max-width: 234px;
background: #fff;
    box-shadow: 0 4px 6px rgba(10,10,10,0.40);
    margin-top: -66px;
    margin-left: -2px;
    margin-right: -2px;
		text-align:center;}
.classes .boxes img {margin-top:7px}


.edu-left h2 {
	color: #0064a8;
	font-family: 'Montserrat', Helvetica, sans-serif;
font-size: 24px;
font-weight: 300;
text-transform: capitalize;
padding-right: 7px;
padding-left: 7px;
line-height: 1.1em;
}
.edu-left p, edu-left div {
padding-right: 7px;
padding-left: 7px;
font-size: 14px;
}
.edu-left p strong {
	font-weight: 800;
}
.edu-left .tagline {
	font-weight: 800;
	color: #0064a8;
}

.edu-left .classdates {background-color:#f1b81a; color: #fff; padding: 1px 10px 15px; font-weight: 700; line-height:1.5em; margin: 25px 0px;}
.IntCourse .edu-left .classdates {background-color: #6ec8ba}
.AdvCourse .edu-left .classdates {background-color: #0064a8;color:#ffffff;}
.classdates p strong {font-size: 16px; font-weight:700 }
.Wipes .edu-left .classdates {
	color: #ffffff;
	background: url(imgs/bg-wipes-cost.png); background-size:cover;
}
.ahtc .edu-left .classdates { background-color:#c4d600}
.filter .edu-left .classdates {background-color:#87c1e7;}
.edu-left .classdates p {padding:0px}
.edu-left .bordered {font-weight: 800;
border-top: solid 1px #0064a8;
border-bottom: solid 1px #0064a8;
margin: 20px 7px;
padding: 7px 0px;}
.edu-left .bordered img { max-width:100%; margin-bottom:10px;}
.edu-left .costs { font-weight:800 }
.edu-left .bluebutton { background-color: #0064a8; color:white; text-align: center;
padding: 8px 4px;
font-weight: 800;
font-size: .95em;}
.edu-left .bluebutton a {color:white; margin: 5px; }
.edu-main {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 50%;
	-moz-box-flex: 1;
	 -ms-flex: 1 1 50%;
	flex: 1 1 50%;
	padding-top: 20px;
	max-width: 60%;

}
.edu-main p, .edu-main li {font:16px 'Montserrat', Helvetica,  sans-serif !important;
line-height: 1.5em!important;	}

.edu-main h3 {color: #0064a8;font: 800 1.1em 'Montserrat', Helvetica,  sans-serif !important; border-bottom: solid 1px #0064a8;     padding-bottom: .5em;}
.edu-main h5	{font-size:1em; font-weight: 800;}


.edu-main ul, .edu-right ul {
	list-style: url(imgs/bullet.png) none outside; margin-left:18px;
}
.edu-right ul {padding-top: 1em;}
.edu-main ul {margin-top:-.5em;}
.edu-main li {margin-bottom:5px;}

.edu-right ul.nodisc  {
	list-style: none inside; margin-left: 0px;
}
.edu-main .printbutton { background-color: #0064a8;
	color: #FFF;
	float:right; 
border: none;
padding: 4px 8px;
font-size: .75em;
font-weight: 700;}
.edu-main .register a, .edu-main .register  {color: #0064a8; font-weight:700; text-decoration:none}
.edu-main a {text-decoration:underline; color: #0064a8; }

.edu-right {
	max-width: 400px;
	flex: 1 1 30%;	
	-webkit-box-flex: 1;
	margin-left: 3%;
	padding-top: 20px;
}
.edu-right h4 {
	color: #38424b;
	font: 800 14px 'Montserrat', Helvetica,  sans-serif !important;
	background: #F1B81B url(imgs/bg-col-header.png) no-repeat right bottom;
	padding: 10px;
	margin-bottom: 0px;
}
.edu-right h4.video, .IntCourse .edu-right h4.video, .ahtc .edu-right h4.video{	background: #0064A8 url(imgs/bg-adv-col-header.png) no-repeat right bottom !important;
	color: #ffffff;}
.edu-right .js-video-button, .edu-right .js-video-button img {margin:0px; padding:0px; cursor: pointer; }
.tr-video {margin:0px 2%; max-width:350px}	
.tr-video h4.video {	background: #0064A8 url(imgs/bg-adv-col-header.png) no-repeat right bottom !important;
	color: #ffffff; padding:10px; margin-bottom:0px}
.tr-video img {max-width:100%;  cursor: pointer;}
.tr-home-video {font-weight:700; color:#f1b81b;  cursor: pointer;}
.IntCourse .edu-right h4 {
	background: #6EC8BA url(imgs/bg-int-col-header.png) no-repeat right bottom !important;
	color: #ffffff;
}
.AdvCourse .edu-right h4 {
	background: #0064A8 url(imgs/bg-adv-col-header.png) no-repeat right bottom !important;
	color: #ffffff;
}
.ahtc .edu-right h4 {
	background: #c4d600 url(imgs/bg-abs-col-header.jpg) no-repeat right bottom !important;
}
.Wipes .edu-right h4 {
	background: #363795 url(imgs/bg-wipes-col-header.png) no-repeat right bottom !important;
	color: #ffffff;
}
.filter .edu-right h4 {
	background: #8DC9ED url(imgs/bg-col-filter.jpg) no-repeat right bottom !important;
	color: #ffffff;
}
.edu-right .sidebarbox {	background: #fef8e8;	padding: 8px 14px; }


.IntCourse .edu-right .sidebarbox {	background: #f0f9f8; }
.AdvCourse .edu-right .sidebarbox {	background: #e5eff6;}
.Wipes .edu-right .sidebarbox {	background: #ebebf4;}

.ahtc .edu-right .sidebarbox {	background: #f9fbe5;}
.filter .edu-right .sidebarbox {background: #e2f4ff;}
.edu-right img {max-width: 100%; margin-top:2em}
.edu-right ul li, .edu-right p {
	line-height: 1.35em;
	padding-bottom: .4em;
	font-size: .875em;
	
}

.sidebarbox .raquo {
	font-size: 1.4em;
}
.instructor a {color: #0064a8;font-weight: 800}
@media (max-width: 700px) {  
.edu-3part { 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:  space-around;
  -ms-flex-pack:  space-around;
   justify-content:  space-around;
	}
	.edu-left { width:100%; max-width: 100%; padding: 0px 5%; flex: none}
	.edu-main { width:100%;max-width: 100%; padding: 2px 5%; flex: none}
	.edu-right {width:100%;max-width: 100%; padding: 2px 5%; flex: none}
	.classes .boxes {
    max-width: 234px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(10,10,10,0.40);
    margin-top: -35px;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
}
.no-mobile {display:none}
}
.instructors  img {
	float: right;
	margin-bottom: 5%;
	margin-left: 5%;
	max-width:150px;
}
.docs { border: solid 1px #0064a8; }
.docs li { margin: 10px 8px; font-size:13px; font-weight:600}
.docs a {color:#0064a8; }
.welcome .sidebarbox a { font-size:1em; color: #38424b; font-weight: 500;}
.welcome .edu-main h3 {padding-bottom: 5px}
.welcome h4 { font-size:1.1em; font-weight:600}
.welcome .sidebarbox h3 {    color: #0064a8;
    font-weight: 600;     border-top: solid 1px #0064a8;
    padding-top: 10px;}
.reading {background-color: #ffffff;}
.pubs { margin:	0px 40px}	
.videos { padding: 50px; width:100% }.notice {
	font-size: 16px;
	background: #F1B81B;
	font-weight: bold;
	padding: 8px;
}