@charset "utf-8";
/* CSS Document */
/* allow wider width */
/* Blue: 0064A8
/* Green-teal :5b6b2 */ 
.edupages .container, .edupages #footerwrapper, .edupages .classes{max-width:1280px; height:100%;
margin: 0 auto; padding-top:0px}
/* Wide width containers  80em */
strong {font-family: 'Montserrat', Helvetica, sans-serif;
	font-weight: 700 !important;
}
.edupages a:hover {text-decoration:none }
.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(../png/logo-pdc.png) no-repeat left top,
		url(../gif/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(../png/logo-pdc.png) no-repeat left top,
		url(../gif/bg-int.gif)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.AdvCourse .intro-banner {
		background: 
		url(../png/logo-pdc.png) no-repeat left top,
		url(../gif/bg-adv.gif)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.Wipes .intro-banner	{
		background: 
		url(../png/logo-pdc.png) no-repeat left top,
		url(../jpg/bg-wipes.jpg)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.filter .intro-banner {
		background: 
		url(../png/logo-pdc.png) no-repeat left top,
		url(../jpg/bg-filter.jpg)  no-repeat center top;
	background-size: 26%, 1392px;
	}
.ahtc .intro-banner {
		background: 
		url(../png/logo-pdc.png) no-repeat left top,
		url(../jpg/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; margin-bottom:5px}
.boxrow h4 img { max-width:100%}
.boxes .elem, .featured .elem{	background: url(../jpg/box-elem-main.jpg); }
.boxes .int, .featured .int {background: url(../jpg/box-int-main.jpg);}
.boxes .adv, .featured .adv {background: url(../jpg/box-adv-main.jpg);}
.boxes .wipes, .featured .wipes {background: url(../jpg/box-wipes.jpg);}
.boxes .filter, .featured .filter {background: url(../jpg/box-filt-main.jpg);}
.boxes .abshyg, .featured .absorb {background: url(../jpg/box-absorbent.jpg); background-position: -38px -16px;}
.boxes .absorb {
	background: url(../jpg/box-absorbent.jpg) center center;
}
.boxes .webinar, .featured .webinar {background: url(../jpg/box-webinar.jpg);  background-size: cover;}
.webimg img {margin-top: -15px }  /* allows a larger logo image */
.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; 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}
.edu-2part .education {padding:1px 1% 20px}
.edupages .edu-2part h2 {font-size:28px}
.edupages .edu-2part h3 {background-color: #ececec;
width: 100%;
text-align: center; }
.upcoming h4 {margin-top:10px}
.up-dates {margin:1px 0}
}     /*  end MEDIA */
@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: 0px;
}
}  /* End small width phones */

.edupages .landing { margin-top:-30px; 
    background-color: #ffffff;}
.edu-2part {width:100%;   /* index page format */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	font-family: 'Montserrat', Helvetica,  sans-serif;
	font-weight:400;
	overflow:hidden;}
.edu-2part .education { /* index main text */
width:66%;
padding: 32px 2% 30px;
font-size: 18px;
line-height: 1.6em;

}
.edupages .edu-2part h2 {color: #0064a8; font-size: 40px; 	font-family: 'Montserrat', Helvetica, sans-serif;}
.edupages .edu-2part h3 {	color: #0064a8;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.3em;}
.upcoming {margin-bottom:20px; font-family: 'Montserrat', Helvetica, sans-serif; }
.upcoming a h4{ 
    width:100%;
	color: #0064a8;
}
.up-title {	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-direction:row;
	align-items: flex-end;
align-content: flex-start;
}
.up-title img {width:118px; margin-right:10px; }
.upcoming a{ 
    width:100%;
	color: #0064A8;
	font-family: 'Montserrat', Helvetica, sans-serif;
	font-weight:700;
	text-decoration:none;

}
.upcoming h4 {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.3em;
	font-family: 'Montserrat', Helvetica, sans-serif;
}
.upcoming a:hover {text-decoration:none}
.up-banner {max-width:100%; margin-bottom:15px}
.up-dates {color: #0064A8;font-weight:700; text-transform:uppercase}
.upcoming .up-docs a {color:#333e48; font-weight:600}
.upcoming a span, .up-dates span, .upcoming .up-docs a:hover  {color:#57B6B2; }
.firstup {border-bottom: solid 1px #aaaaaa; padding-bottom:20px}

/* BUTTONS - ALL PAGES */

.edupages button {width:100%; background-color: #0664a8; font-size:18px; border:none; padding:20px 5px;text-transform:uppercase}
.edupages button a{ color:#ffffff}
.edupages button a:hover{ text-decoration:none}
.edupages button:hover {background-color:#57b6b2;}
.edupages button.aqua {
	background-color: #57b6b2;
	/* [disabled]width:45%; */
} /* aqua light color */
.edupages button.aqua:hover { background-color: #0664a8;}
.edupages .edu-2part button {width:48% }
.edupages .tc-buttons button {width:100%; margin-bottom:10px; padding: 10px; }
/* OOPS THIS messes with the VIdeo Popup -- FIXING  */
.edupages button.modal-video-close-btn {width:35px; font-size:16px; padding:0px}

/*  END UP UPCOMING FEATURES */

.edu-2part .eduhp-sidebar {
width:33%;
background-color:#F2F3F4;
padding: 120px 2% 0px;
font-size:14px;
}
.edupages .eduhp-sidebar h3 {color:#ffffff;background-color:#0064a8; padding:15px 20px 8px;line-height:1.2em; margin-bottom:0;  font-size: 22px; 
letter-spacing: .04em;}
.edupages .eduhp-sidebar h3 span {
	color: #A8DED5;
	font-size: 16px;
	font-style: italic;
	text-transform:none;
	letter-spacing:normal;
}
.edupages .eduhp-sidebar a h3 {color:#ffffff; }
.edupages .eduhp-sidebar a h3 span {color: #A8DED5;}
.eduhp-sidebar img {max-width:100%; -webkit-filter: brightness(100%);}
.eduhp-sidebar a:hover img {-webkit-filter: brightness(80%);}
.eduhp-sidebar .hp-details, .graybox .linkto { border-left:solid 1px #0064a8; color:#0064a8;padding-left: 14px;
margin-left: 20px;
font-size: 18px;
font-style: italic;
font-weight:600;
margin-bottom:50px;
letter-spacing: .02em;}
.eduhp-sidebar .hp-details a, .graybox .linkto a, .eduhp-sidebar a  {color:#0064a8; 
}
.eduhp-sidebar .hp-details a:hover, .graybox .linkto a:hover{color:#A8DED5;}
.eduhp-sidebar a:hover {color:#077FEC}
.eduhp-sidebar .hp-details p {padding:10px 0 } /* extra padding for Webinar link */
.discount {
	color: #FFF;
	background: #6ec8ba url(../gif/bg-hpdiscount.gif) no-repeat right bottom;
	padding: 1px 16px;
font-size: 18px;
font-weight: 500;
line-height: 1.4em;
}
.discount h4 {font-size: 21px;font-family: 'Montserrat', Helvetica, sans-serif;
font-weight: 700;
color: #0064A8;
margin-top:20px;
margin-right:-15px;}
.discount a {
	color: #ffffff;
	font-style: italic;
}
.discount a:hover {color: #0064A8;}
.eduhp-sidebar .discount .hp-details a:hover {color:#ffffff}
.discount .hp-details {margin-right:72px; margin-left:6px; margin-bottom:32px }
.discount .cont-email {padding-top:15px; padding-bottom:15px }
/* Box Slider */
.bx-wrapper {	background: #e3e5e7 url(../png/hp-quote.png) no-repeat center 35px; background-size:53px;}
.slide {

	padding: 81px 60px 0px;
	
}
.slideflex {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-direction:row;
	align-items: start;
	overflow:hidden;}
.slide .quote {
color: #0064A8;
	font: italic 500 22px 'Montserrat', Helvetica, sans-serif;
	line-height:1.3em	}
.slide img {max-width:160px; margin-right:30px;  margin-top: 30px;}
.slide .cite { font-size:18px; font-style:normal; color:#455560; }
.nwidates .costs, .nwidates .costs b, .nwidates .costs strong{
	margin-bottom: 0px; font-size: 14px; font-wieght:500; padding-bottom: 20px;
}
.nwidates { }
.nwidates .atcTitle a {font-size: 18px;
color: #0064a8; }
.nwidates .atcTitle a:hover {color:#57b6b2; }



/*  OLD? OR ???? */
.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}



@media (max-width: 700px) {  
.edupages .landing  {    padding: 5px 20px 10px;
    background-color: #ffffff;
    margin-top: -3px;}
.edu-2part {flex-wrap: wrap;}
.edu-2part .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;
   width:100%;
	}
.edupages .edu-2part h3 {font-size:26px }
.up-title img {Display:none }
.edu-2part .eduhp-sidebar{width:100%; padding-top:0px}
.edu-2part .edu-sidebar {width:100}
.bx-wrapper {background: #e3e5e7 url(../png/hp-quote.png) no-repeat 20px 18px; background-size:35px}
.slide  {padding:10px 0px}
.slide .quote {font-size:14px }
.slide .cite {font-size:12px}
.slide img {max-width:60px }
#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-left {
	margin-right: 2.5%;
	max-width: 240px;
height: 100%;
flex: 0 0 240px;
}
.edu-left img {max-width:100%; margin:5px 0 20px }
.classes .boxes {	max-width: 234px;
background: #fff;

    margin-top: -66px;
    margin-left: -2px;
    margin-right: -2px;
		text-align:center;}
.classes .boxes img {margin-top:17px; max-width:200px}
.edu-left h2 {
	font-weight: 800;
	color: #0064a8;
	font-size:14px;
	text-transform:none;
	padding-left: 5px;
	margin-bottom:20px
	
}
.edu-left h3, .edu-left a h3  {
	color: #ffffff;
	background-color: #0064a8;
	padding: 8px 10px 8px;
	margin-bottom: 0;
	margin-top:0px;
	text-transform: uppercase;
	font: 500 18px 'Montserrat', Helvetica, sans-serif;
}
.edu-left h3 span, .edu-left a h3 span, .edu-left  h3 span a {
	color: #A8DED5;
	font-size: 15px;
	font-style: italic;
	text-transform:none;
	letter-spacing:normal;
}
.edu-left h3.inperson {padding:15px 10px}
.edu-left a:hover h3 {background-color: #57b6b2;}
.edu-left a:hover h3 span .edu-left  h3 span a:hover {color: #0064a8;}
.edu-left  h3 span a:hover {color: #FFFFFF;} /* WIPES Only */
.eduhp-sidebar img {max-width:100%;
}
.edu-left p strong {
	font-weight: 700;
}
.edu-left h2 {
	font-weight: 800;
	color: #0064a8;
}
.graybox {
	background-color: #F2F3F4;
	font: 500 14px 'Montserrat', Helvetica, sans-serif;
	color: #455560;
	margin: 0px;
	padding: 10px;
}
.graybox .classdates {font-size:18px; color:#0064a8; margin-top:7x}
.graybox .costs {color: #455560}
.graybox .linkto  {padding: 10px 0px 10px 14px; font-size:14px; margin-bottom:10px }
.graybox.extras {font-weight:400; font-size:14px; line-height:1.3em;}
.extras  a.mailme {font-style:italic; color:#455560; font-weight:500; }
.extras  a:hover.mailme {color:#0064a8; }
.extras .border-top {
border-top:solid 2px #0064a8; padding-top:20px; margin-top:0px }
.tc-buttons { padding:20px 0px }
.edu-left .bordered {}
.edu-left .graybox img { max-width:100%; margin-bottom:10px;}
.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 
line-height: 1.5em	}
.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(../png/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 .costs, .edu-main .costs b, .edu-main .costs strong {font-weight:600}
.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 {
	background: #0064A8 url(../png/bg-adv-col-header.png) no-repeat right bottom !important;
color: #ffffff;
	font: 800 14px 'Montserrat', Helvetica,  sans-serif !important;
	background: #F1B81B url(../png/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(../png/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(../png/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;}
.edu-right .sidebarbox {	background:#F2F3F4;	padding: 8px 14px; }
.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;
}
/* entire box */
a .instructor  {    color: #333e48;
}
a .instructor strong {color: #0064a8;font-weight: 700}
a:hover .instructor {background-color: #D8DFE6; }
.instructor a {color: #0064a8;font-weight: 800}
.instructor a:hover {color: #A8DED5;}
.courselist a {color:#333e48; }
.courselist a:hover{color:#0064a8;}
@media (max-width: 800px) {  /* TABLETS */  

.discount .hp-details {margin-right:0px }
.edu-3part {flex-wrap:wrap }
.edu-right {max-width:100% }
}


@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 2%; 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;
    margin-top: -35px;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
}
.no-mobile {display:none}
}
.instructors h2 {    font-size: 20px;  /* instuctors pages  */
}
.instructors  img {
	float: right;
	margin-bottom: 5%;
	margin-left: 5%;
	max-width:150px;
}
.docs {}
.docs li { margin: 10px 0px; 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;}
.edupages .pubs button {max-width:500px; float: left; margin: 10px ;  text-transform: none;}
.pubs { margin:	0px 40px; padding: 10px;}
.videos { padding: 50px; width:100% }
.notice {
	font-size: 16px;
	background: #F1B81B;
	font-weight: bold;
	padding: 8px;
}

