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

/* Company page specific */
#company 				{min-height:60px;}
#company h1 			{font-size:44pt; line-height:102% !important; margin:12px 0 16px 0; font-weight:300; letter-spacing:-.03em; padding-right:0; color:#444;}
#company h2 			{font-size:21pt; color:#666 !important; font-weight:300 !important; margin:10px 0 6px 0 !important; letter-spacing:-.02em;}
#company .byline 		{float:left; margin-right:8px; font-size:14pt; line-height:135%;}
#company .dateline 		{float:left; margin-right:8px; font-size:14pt; line-height:135%;}
#company h2.deck 		{font-size:19pt; line-height:120%; margin:-8px 0 6px 0; padding-bottom:0; font-weight:300;}
#company .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;}
#company .image-credit 	{font-size:10px; line-height:100%; color:#999; margin:6px 0 -8px 0; padding:0 2px 0 0; text-align:right;}
#company .gray			{color:#AAA;}
#company .company-gradient {background: rgb(230,232,235);
						background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(237,240,244,1) 30%, rgba(255,255,255,1) 100%);}
.comp-line 				{margin:8px 0 -10px 0; border-top:1px dotted #999; width:100%;}
.vid-height				{margin:10px 0 10px 0; min-height:300px;}
.vid-desc				{padding:6px 40px 0 0; font-size:120%; line-height:140%; font-weight:300;}
.content-height			{margin:30px 0 10px 0; xmin-height:500px;}
.summary				{margin:6px 6% 12px 0; font-size:88%; color:#666; line-height:130%;}

#guide a 				{text-decoration:none;}
#guide a:hover 			{text-decoration:underline; color:#cc3333;}
#guide a, #guide a:visited {text-decoration:none; color:#14780d; was:#0060c2; was:#3766c8;}
#guide a:hover, #guide a:focus {text-decoration:none !important; color:#cc3333; was:#FC7300;}
#guide p				{margin:0; padding:0 0 6px 0;}
#guide h1				{margin-top:0px !important;}
#guide h2				{margin-top:0px !important; font-size:120% !important; letter-spacing:.01em;}
#guide h3				{margin:0px !important; font-size:140%;}
.guide-half-col			{width:48%; padding-right:10px; float:left;}
.guide-half-col li		{padding:0 3px 3px 0;}
.guide-line				{border-top:1px dotted #66CC66; margin:10px 0 20px 0;}
.guide-line-sm			{border-top:1px dotted #66CC66; margin:5px 0 5px 0; height:1px;}
#guide .btn-light 		{color:#212529; background-color:#d9dfe5; border-color:#f8f9fa; margin:10px 0 16px 0;}
#guide .btn-light:hover	{color:#000000; background-color:#b3bcc6; border-color:#a1aeba; margin:10px 0 16px 0;}
.guide-phone			{float:right; width:26%; min-width:160px; padding:4px 0 4px 20px; margin-top:3px;}
.guide-phone i			{color:#666;}
.guide-titles			{padding:0; margin:0; font-size:108%; line-height:118%;}
.guide-latest			{min-height:280px; margin:0 0 -15px 0;}
.guide-listing			{}
.guide-search			{}

.page-item:first-child .page-link {float: left;margin-right: -4px; padding-right:18px;}

/* Dummy devices (replace them with your own or something else entirely!) */
.product-device 		{position: absolute;right: 10%;bottom: -30%;width: 300px;height: 540px;
						background-color: #333;border-radius: 21px;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.product-device::before {position: absolute;top: 10%;right: 10px;bottom: 10%;left: 10px;content: "";
						background-color: rgba(255, 255, 255, .1);border-radius: 5px;}
.product-device-2 		{top: -25%;right: auto;bottom: 0;left: 5%;background-color: #e5e5e5;}

/* Wide image at top of article */
.wide-image-container	{margin:8px 8px 4px 0;}
.wide-image				{}
.wide-image img			{width:100% !important; height:auto;}

/* Company Card Styles */
.company-card			{-webkit-box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); width:93%;
						background: #FFFFFF; min-height:320px; xdisplay:flex; xflex-direction:column; padding:10px 6px 6px 24px; margin:0 20px 30px 0;}
.card-logo				{width:65%; min-width:200px; max-width:300px; border:0; margin:10px 0 24px 0px;}
.card-logo img			{max-width:90%; max-height:120px; height:auto; object-fit:contain; object-position:50% 50%;}
.card-title				{font-weight:500; color:#000; font-size:114%; line-height:130% !important; margin:0 0 0 2px;}
.card-text				{font-weight:300; font-size:114%; line-height:130% !important; margin-left:2px;}
.card-url				{font-size:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; max-width:300px; margin:10px 0 0px 2px;}
.company-desc			{font-size:100%; line-height:135% !important;}
.card b					{color:#000;}
.card a:hover b			{color:#C00;}
.card 					{-webkit-box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5);
						background: #FFF; min-height:438px; display:flex; flex-direction:column; padding:10px 6px 6px 6px; margin:10px -5px 10px -5px;}
.card .content 			{flex: 2 2 auto; font-size:90%; line-height:120%; color:#666;}
.card .content h2		{display:none;}
.card .wide-image		{width:100%; background:#333; min-height:80px; border:1px solid #999; margin:2px 0 8px 0; padding:0px; overflow:hidden; text-align:center; object-fit:fill; }
.card .wide-image img	{width:150% !important; height:auto; xobject-fit:fill; padding:0; margin:0 0 -10px -5px !important; object-position:50% 50%;}
.card footer			{height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:10pt; padding-top:20px;}
.card .comp-logo		{height:42px; margin:6px 0 12px 0; border:1px solid #000;}
.card .comp_logo img	{width:180px; height:auto; max-height:42px; }
.card .card-summary		{line-height:110%; margin-bottom:12px; }
.card .rel-logo			{width:100%; margin:0 10px 0 0; min-height:60px; float:left; xoverflow:hidden; 
						display:flex; align-items:center; justify-content:center; object-fit:contain;}
.card .rel-logo img		{xwidth:100% !important; margin:6px 0 6px 6px; object-position:50% 50%;}
.card .card-url			{margin-top:8px;}

.scroller				{overflow-y:scroll; height:1000px; width:80%; min-width:300px;}

/* All Company Card Styles for main page */
.centered 				{margin: 0 auto;padding: 0 1em;}
.card-content 			{padding:8px 5px 0 5px;}
.card-content h2 		{margin10px 0 .2em 0; font-weight:400;}
.card-content p 		{font-size: 80%; line-height:112%; margin-bottom:8px; color:#666;}
.card-thumbnail			{width:100%; max-height:120px; overflow:hidden; margin:2px 0 0 0;}
.card-thumbnail img		{width:100%; height:auto;}
.card1 .rel-logo		{width:100%; margin:0 10px 0 0; min-height:60px; float:left; xoverflow:hidden; 
						display:flex; align-items:center; justify-content:center; object-fit:contain;}
.card1 .rel-logo img	{xwidth:100% !important; margin:6px 0 6px 6px; object-position:50% 50%;}
.card1 .bottom-link		{position:relative; bottom:0px; padding:10px 0 4px 0; xdisplay:none;}
.card1 hr				{margin:0px 0 8px 0;}

/* Flexbox stuff */
.cards 					{display: flex;flex-wrap: wrap; padding-right:0px; margin-right:-30px;}
.card1 					{flex: 1 0 500px;box-sizing: border-box;margin: 1rem .25em; overflow:hidden; background: #FFFFFF; padding:4px 6px;
						-webkit-box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); width:94%; border-radius:6px}
.card1:hover 			{transform: scale(1.04); transition-timing-function: ease; transition: 0.2s; border:1px solid #EEE; border-radius:6px; padding:4px 5px;}

@media screen and (min-width: 30em) {
.card1 					{max-width: calc(50% -  1em);}
}
@media screen and (min-width: 40em) {
.card1 					{max-width: calc(33% - 1em);}
}
@media screen and (min-width: 50em) {
.card1 					{max-width: calc(25% - 1em);}
}
@media screen and (min-width: 60em) {
.card1 					{max-width: calc(20% - 1em);}
}
@media screen and (min-width: 52em) {
.centered 				{max-width: 100%;}
}



/* Related News on Company Page */
#related				{color:#666; font-weight:300; line-height:125%; width:100%;}
#related h3				{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#related .rel-image		{width:200px; margin:0 10px 0 0; height:120px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#related .rel-image img	{width:100% !important; margin:0 0 0 0; object-position:50% 50%; border:1px solid #DDD;}
#related .rel-head		{font-weight:500; font-size:125%; margin:2px 0 4px 0; padding-right:20px;}
#related .rel-text		{margin:0 0 2px 0; font-size:110%; line-height:120%; padding-right:20px;}


/* Related Downloads on Company Page */
#downloads					{color:#666; font-weight:300; line-height:125%; width:100%;}
#downloads h3				{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA; text-align:left;}
#downloads .rel-image		{width:300px; margin:0 10px 0 0; height:auto; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#downloads .rel-image img	{width:100% !important; margin:0 0 0 0; object-position:50% 50%; border:1px solid #DDD;}
#downloads .rel-head		{font-weight:500; font-size:125%; margin:2px 0 4px 0; padding-right:20px; text-align:left;}
#downloads .rel-text		{margin:0 0 2px 0; font-size:110%; line-height:120%; padding-right:20px; text-align:left;}

#comp-resource					{color:#666; font-weight:300; line-height:125%; max-width:24.5%; float:left; text-align:left;}
#comp-resource h3				{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#comp-resource .rel-image		{max-width:300px; margin:0 10px 10px 0; height:auto; float:left; overflow:hidden; xdisplay:flex; align-items:center; 
								justify-content:center;moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;}
#comp-resource .rel-image:hover	{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; border:none;
								moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}
#comp-resource .rel-image img	{width:100% !important; margin:0 0 0 0; object-position:50% 50%;}
#comp-resource .rel-prod-image	{max-width:300px; margin:0 10px 10px 0; height:auto; float:left; overflow:hidden; 
								display:flex; align-items:center; justify-content:center;}
#comp-resource .rel-prod-image:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; border:none;} 

#comp-resource .rel-head		{font-weight:500; font-size:125%; margin:12px 0 4px 0; padding-right:20px;}
#comp-resource .rel-text		{margin:0 0 2px 0; font-size:110%; line-height:120%; padding-right:20px;}

#downloads .download-cover		{width:98%; height:auto; max-height:380px; max-width:300px; padding:0; margin:4px 10px 12px 0px;
								moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;}
#downloads .download-cover:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;
								moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}

/* Utility for Directory */
#companylisting ul {column-count: 4; list-style: none; padding-left:6px; margin-left:0px;}

#cards .noleftpadding	{padding:0px;}
.card b					{color:#000;}
.card a:hover b			{color:#C00;}
.card 					{-webkit-box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5);
						background: #FFF; min-height:438px; display:flex; flex-direction:column; padding:10px 6px 6px 6px; margin:10px -5px 10px -5px;}
.card .content 			{flex: 2 2 auto; font-size:90%; line-height:120%; color:#666;}
.card .content h2		{display:none;}
.card .wide-image		{width:100%; min-height:90px; border:1px solid #999; margin:2px 0 8px 0; padding:0px; overflow:hidden; text-align:center; object-fit:fill; }
.card .wide-image img	{width:105% !important; height:auto; object-fit:fill; padding:0; margin:0 0 -10px -5px !important;}
.card footer			{height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:10pt; padding-top:20px;}
.card .comp-logo		{height:42px; margin:6px 0 12px 0;}
.card .comp_logo img	{width:180px; height:auto; max-height:42px; }
.utility .noleftpadding	{padding:0 0 0 0px;}
.xutility 				{-webkit-box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5);
						background: #EEEEEE; min-height:48px; padding:6px 6px 0px 10px !important; margin:10px 10px 10px -5px; font-size:11pt; color:#666;}
.xutility form 			{margin-bottom:-20px; width:100%;}
.xutility form select 	{min-width:200px; width:100%; height:36px;}
.utility input[type="text"] {width: 180px;height:36px; margin-bottom:10px; padding-left:10px;}
.utility .btn.btn-default {margin-top:-2px;height:36px;}

/* 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) {
.company-card			{width:100%; min-width:300px; min-height:200px;}
#comp-resource			{max-width:99%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.company-card			{width:100%; min-width:300px; min-height:200px !important;}
#comp-resource			{max-width:49%;}
}

/* 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;}
.company-card			{width:96%; min-height:250px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.company-card			{width:96%; min-height:300px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.company-card			{width:94%; min-height:300px;}
}

@media screen and (max-width:600px) {
.card 					{min-height:380px;}
.card .wide-image		{border:0px; text-align:left; object-fit:fill;}
.card .wide-image img	{max-width:500px !important; height:auto;}
}


/* Flexbox media query stuff */

@media screen and (min-width: 34em) {
#companylisting ul {column-count: 2;}
}
@media screen and (min-width: 52em) {
#companylisting ul {column-count: 3;}
}
@media screen and (min-width: 64em) {
#companylisting ul {column-count: 4;}
}