/* Wyndham Hotels Learning Paths - Jay Bolus Fall 2017 - CSS Document for PRINT use only,
   changes fonts & margins etc to printer friendly values */

 * { 
	font-family: sans-serif; 
	font-size: 10pt;
	font-weight: normal;
	position: relative;
	overflow: visible;
	float: none;
	clear: both;
	color: #4a4a4a;

	-webkit-print-color-adjust: exact!important;
      print-color-adjust: exact!important;
}
body{	width:670px;}

@page {
    size: auto; 
	margin: 1cm 1.5cm 0cm 1.5cm;

}

@page:first {
	margin: 1cm;
}

header, .roles, .roles img, .timeFrame, a.enrolBTN,
footer img, footer .logobar, .deliv > p, .bigDetail, .details h1,
.content > .deliv, .content .dis, hr, .toTop, .miniNav, .modal, .noPrint {
	display:none!important;
}

.print img {
	display:block;
	max-width:100%;
	height:auto;
}

#courses .columns {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.title h1 {text-align: center; margin-bottom:1cm;}

.courseBox {
	width:98%;
	border:1px solid #4a4a4a;
	padding:5px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;
	float:left;
	page-break-inside:avoid;
	break-inside:avoid;
}

.columns:not(.last) {
	/*page-break-inside:avoid;
	page-break-after:always;*/
}


.langBox{margin-top:1rem;}
.langs {display: inline; max-width: 43%;}
.details .langs > div {
	display: inline-block;
	border:1px solid #000;
	min-width:2rem;
	text-transform:uppercase;
	margin:.15rem;
	padding:.15rem .13rem;
	text-align:center;
	color:#000;
}

.checkBox{width:1cm; height:1cm; border:1px solid #4a4a4a;position: absolute;top: 0;right: 0;}
.dueDateBox{float:right;position:relative; top:1.5cm;}
.courseInfo .duration, .courseInfo .deliv, .courseInfo .dis {
	display:inline-block; 
	margin-right:.75rem;
}
.courseInfo > .dis > div:before, .courseInfo > .deliv:before, 
  .courseInfo .duration:before {
		position:relative;
		top:.85rem;
		width:2.75rem;
		height:2.75rem;
		display: inline-block;
		margin:0px auto;
}

.courseInfo .dis{display:block; margin-bottom:1rem;}
.courseInfo .dis div:before{transform: scale(.75);}

.courseInfo .dis .propOp:before{content: url("../img/print/bw-propOp.png");}
.courseInfo .dis .custExp:before {content: url("../img/print/bw-custExp.png");}
.courseInfo .dis .mktg:before {content: url("../img/print/bw-mktg.png");}
.courseInfo .dis .lead:before {content: url("../img/print/bw-lead.png");}
.courseInfo .dis .rev:before {content: url("../img/print/bw-rev.png");}
.courseInfo .dis .all:before{
	content: url("../img/print/bw-all.png");
  width:180px!important;
	left:0;
}

.deliv.vid:before{content:url('../img/print/bw-vid.png');}
.deliv.iltc:before{content:url('../img/print/bw-iltc.png'); width:2.25rem; margin-right:0.5rem;}
.deliv.ilto:before{content:url('../img/print/bw-ilto.png');}
.deliv.webin:before{content:url('../img/print/bw-webin.png');}
.deliv.tut:before{content:url('../img/print/bw-tut.png');}
.deliv.wbl:before{content:url('../img/print/bw-wbl.png');width: 2.25rem;}

.courseInfo .duration:before{ height:2rem;content: url("../img/print/bw-dur.png"); width:2.15rem}

.print.imgs{display:none;}
footer, .copyright h1 {text-align: center;}
.copyright{text-align: left;}
.copyright h1{font-size:10pt;}
h1{font-size:13pt;margin: 0 auto;}
h1.title{}

strong{font-weight: bold;}