@charset "UTF-8";
/* CSS Document */

/* Photo page specific */
* 					{margin: 0; padding: 0; box-sizing: border-box; }
a 					{text-decoration: none;font-family: sans-serif;}
.card-container 		{xwidth: 90%; margin: auto 2%; xpadding: 10px 24px; xbackground-color:#FFF; 
					xborder:1px solid #CCC; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:stretch;}
.photoss 			{width: auto; margin: 10px 10px; background-color:#FFF; 
					border: 1px solid #CCC; border-radius:6px; padding:0;}
.photoss:hover 		{transform: scale(1.05); transition-timing-function: ease; transition: 0.2s;}
.photo-image, .description {width: 97%; margin: 3px auto 6px auto; }
.photo-image 		{padding:0; margin-bottom:6px;} 
.description 		{padding: 3px 0 0 0; }
.description p 		{margin:-6px 0 0 0; color:#666; font-size:88%; line-height:128%;}
.photo-image img 	{display: block; margin: 0 auto; max-width: 100%; height: auto; }
.description h2 		{padding-bottom: 0.5em; color:#333; font-size:110%; }

.menu 				{margin-top: -3px !important;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.card-container {display: flex; flex-flow: wrap; }
	.photoss 		{flex: 1 0 46%; margin: 6px; padding:4px;}
	#photo .slideshow-container h2 {font-size: 100% !important;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.card-container {display: flex; flex-flow: wrap; }
	.photoss 		{flex: 1 0 38%; margin: 6px; padding:4px; max-width: calc(33% - 1em);}
	#photo .slideshow-container h2 {font-size: 100% !important;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.photoss 		{flex: 1 0 32.5%; padding: 6px; xborder:1px solid #CCF; max-width: calc(32.5% - 1em);}
	.photoss:last-of-type {flex-grow: 0; }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.photoss 		{flex: 1 0 32.5%; padding: 8px; xborder:1px solid #F00; max-width: calc(32.5% - 1em);}
	.photoss:last-of-type {flex-grow: 0;}
}
/* Extra wide (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1399.9px) {
	.photoss 		{flex: 1 0 23.5%; padding: 10px; xborder:1px solid #F0F; max-width: calc(24.5% - 1em);}
	.photoss:last-of-type {flex-grow: 0; }
}
/* Extra wide devices (large desktops, 1500px and up) */
@media (min-width: 1400px) {
	.photoss 		{flex: 1 0 18.5%; padding: 10px; xborder:1px solid #0F6; max-width: calc(19.75% - 1em);}
	.photoss:last-of-type {flex-grow: 0;}
}

.description {width: 97%; margin: 3px auto 6px auto; }

#photo-bg					{width:100% !important; background-color:#EEE; padding:0; margin: 0 auto 0 auto; border:1px solid #EEE; text-align:center;}
.photo-wide					{width:94%; xmax-width:1260px; xmin-height:200px; margin:10px 0 10px 0; text-align:center;}
.photo-wide img				{width:100%; xmin-width:800px;}
.photo-wide-description		{width:94%; xmax-width:1260px; margin: 0 auto 0 auto; text-align:left;}
.photo-wide-description p	{font-size:120%; line-height:130%; font-weight:300;}
.photo-left					{margin-bottom:12px;}
.photo-wide-credit			{margin:0px 20px 28px 0; float:right; color:#666; font-size:90%;}
.photo-width				{width:94%; xmax-width:1260px; min-height:40px; margin: 0 auto 0 auto; text-align:left; overflow:hidden;}
.photo-width figure			{width:23%; margin:0 20px 20px 0; float:left;}
.photo-width figure img		{width:100%; height:auto;}
.photo-width figure h2		{font-size:110%; font-weight:300; margin:6px 0 0 0; line-height:110%; color:#333;}
.photo-instructions			{width:94%; xmax-width:1260px; height:20px; margin: 6px auto -26px auto; text-align:left; font-size:70%; color:#999;}
a#anchor 					{display:block; position:absolute; height:1px; visibility:hidden; z-index:100; top:-12.5vh;}
xhtml 						{scroll-behavior: smooth;}
:target:before 				{content: ""; display:block; height:38px; margin:-38px 0 0 0;}
.photo-top a				{color:#0025ff;}
#photos						{width:22%; float:left;}
.vid-image					{width:100%; margin:0 8px 0 0; height:120px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.vid-image img				{width:110%; margin:0 0 0 0; object-position:50% 50%;}
.slideshow-desc 			{color:#999 !important; width:100%;  min-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#photo h1 				{font-size:37.5pt; line-height:102% !important; margin:20px 0 20px 0; 
						font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-.03em; padding-right:0;}
#photo h2 				{font-size:22pt; color:#000 !important; font-weight:500 !important; margin:2px 0 2px 0 !important;}
#photo .byline 			{float:left; margin-right:8px; font-size:14pt; line-height:135%; margin-bottom:4px;}
#photo .dateline 		{float:left; margin-right:8px; font-size:14pt; line-height:135%; margin-bottom:4px;}
#photo .social 			{float:left; margin-right:8px; font-size:14pt; line-height:135%; margin-bottom:4px;}
#photo h2.deck 			{font-size:18pt; line-height:120%; margin:-8px 0 18px 0; padding-bottom:12px; font-weight:300; font-weight:300 !important;}
#photo .image-caption 	{font-size:92%; line-height:120%; color:#666; border-top:1px dotted #CCC; margin:8px 0 10px 0; padding:8px 0 0 0;}
#photo .image-credit 	{font-size:10px; line-height:100%; color:#999; margin:6px 0 -8px 0; padding:0 2px 0 0; text-align:right;}
#photo #offsite-link 	{padding:8px; font-size:110%; width:40% !important; min-width:280px; margin-top:10px; margin-bottom:20px;}
#photo #offsite-link i	{font-style:normal !important;}
#photo #offsite-link a	{color:#DDD !important;}
#photo #offsite-link a:hover {color:#FFF !important;}

#photo .slideshow-container {xwidth:100%; xmargin:0 0 0 -4px; background-color:#EEE; padding:6px 0 20px 0; border-radius:6px;}
#photo .slideshow-container h2 {font-size:120%;}
#photo .slideshow 		{width:100%; margin:4px -30px 20px 0px; font-size:100%;}
#photo .slideshow figure	{width:25%; float:left; margin:4px 0 20px 0; padding:0 20px 0 0;}
#photo .slideshow figure h2 {font-size:80%;}
#photo .slideshow figure .slideshow-desc {font-size:80%; color:#999 !important; width:100%;  min-height:20px; 
							text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#photo .slideshow figure .video {overflow:hidden; xheight:100px; max-height:210px; xdisplay:flex; object-fit:cover; border:1px solid #DDD; border-bottom:1px solid #999;}
#photo .slideshow figure .video img {width:100%; margin:0; object-position:0% 50%;}
#photo .slideshow figure:hover {transform: scale(1.05); transition-timing-function: ease; transition: 0.2s;}
#photo .btn-slideshow 	{width:50%; margin:4px 10px 12px 10px; font-size:110%; float:center; padding:4px;}
#photo .btn-slideshow a 	{color:#EEE !important;}
#photo .btn-slideshow a:hover {color:#FFF !important;}
#photo .slideshow h2		{margin-top:-4px !important;}
#photo .break				{height:0px !important;}
#photo .break::after 		{content: "";display: block;clear: both;}
#photo hr					{height:12px; margin:9px 0 9px 0; padding:0; size:2px;}

.slideshow-container ul li {list-style-image:url(https://www.logisticsmgmt.com/images/site/bullet_gray.gif);margin-left:20px;margin-bottom:8px;padding-right:30px; color:#444;font-size: 90%; line-height:130%; /*margin-top:-6px;*/}
.slideshow-container ul ul {margin: 0px 0px 8px 30px;color:#666;}
.slideshow-container ul ul li {color:#000; text-size:9pt important!; line-height:11pt;}
.slideshow-container ol li {list-style-image:none;}
.slideshow-container ol ol {margin: 0px 0px 8px 30px; color:#666;}
.slideshow-container ol ol li {color:#000; text-size:9pt important!; line-height:11pt;}
.slideshow-container li {list-style-image:url(https://www.logisticsmgmt.com/images/site/bullet_gray.gif);margin-left:8px;margin-bottom:8px;padding-right:30px; font-size:100%; line-height:138%; /*margin-top:-6px;*/}
.slideshow-container ul ul li {list-style-image:url(https://www.logisticsmgmt.com/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; font-size:96%; line-height:114%; /*margin-top:-6px;*/}
.slideshow-container ul ul ul li {list-style-image:url(https://www.logisticsmgmt.com/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; font-size:90%; line-height:108%; /*margin-top:-6px;*/}

/* Related News in Right Column */
#related				{color:#666; font-weight:300; line-height:120%; width:100%;}
#related h3				{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#related .rel-image		{width:160px; margin:0 10px 0 0; height:96px; float:left; overflow:hidden; 
						display:flex; align-items:center; justify-content:center;}
#related .rel-image img	{width:125% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#related .rel-head		{font-weight:500; font-size:115%; margin:2px 0 4px 0; padding-right:20px;}
#related .rel-text		{margin:0 0 4px 0; font-size:92%; line-height:120%; padding-right:20px;}
#related .rel-logo		{width:160px; margin:0 10px 0 0; height:96px; float:left; overflow:hidden; 
						display:flex; align-items:center; justify-content:center;}
#related .rel-logo img	{width:90% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#sm-cover-image			{margin:0; border:1px solid #DDD; width:25%; float:left;
						width:30%; max-height:300px; margin:0 18px 0 0; display:flex; align-items:center; justify-content:center;}
						-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
#sm-cover-image img 	{width:100% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#related #download .image {width:20% !important; max-height:250px; margin:0 12px 0 0; float:left; overflow:hidden; display:flex; 
						align-items:center; justify-content:center; min-width:100px !important;
						-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
#related #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#related #download .image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}


/* Extra utilities */
.flex-equal > * {-ms-flex: 1;flex: 1;}
.overflow-hidden { overflow: hidden; }


/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
#photo .slideshow figure .video	{height:90px; max-height:90px;}
#photo h1 				{font-size:24pt; letter-spacing:0em;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
#photo .slideshow figure 			{min-height:120px;}
#photo .slideshow figure .video	{height:90px; max-height:90px; border:1px solid #F00;}
#photo h1 				{font-size:30pt; letter-spacing:0em;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.flex-md-equal > * {-ms-flex: 1;flex: 1;  }
.bd-placeholder-img-lg {font-size: 3.5rem;}
#photo .slideshow figure .video	{height:90px; max-height:90px; border:1px solid #F00;}
#photo h1 				{font-size:34pt; letter-spacing:0em;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}