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

/* Archive page specific */
#home h1, #404 h1			{font-size:27pt;}
h1.lrg-head					{font-size:27pt;}
.pad120						{height:120px;}


/* Archive Section */
#mag-container				{width:100%;margin:0 20px 0 0;float:left;}
.mag-card					{border-radius:0px; border:1px solid #FFF; background-color:#FFF; margin-right:-10px;}
.mag-title					{color:#333; font-weight:300; padding:4px 0 10px 0; font-size:22pt; line-height:125%;}
.mag-image-container		{float:left; width:46%; margin:0 12px 18px 0;}
.mag-image					{-webkit-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);-moz-box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);
							box-shadow: 1px 1px 5px 0px rgba(51,51,51,0.4);
							border: 1px solid #124262; width:100%;}
.mag-image:hover 			{transform: scale(1.02); transition-timing-function: ease; transition: 0.2s;
							moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;}
.mag-head					{font-size:16pt; line-height:18pt; margin:0 0 4px 0;}
.mag-head-sm				{font-size:14pt; line-height:17pt; margin:0 0 4px 0;}
.mag-desc					{color:#666; margin:0 0 12px 0;}
.smallsummaries				{font-size:13pt; line-height:18pt; margin:0 0 18px 0;}

#mag-container .text 		{border:none; display:table; font-size:90%; line-height:120%}
#mag-container h3			{font-size:120%; line-height:116%;}
#mag-container ul 			{margin: 0px -18px 20px 4px; padding-left:10px; color:#444 !important; list-style-type: square;}
#mag-container ul li 		{margin-left:10px;margin-bottom:8px;padding-right:30px; color:#444;font-size: 100%; line-height:130%;}
#mag-container ul ul 		{margin: 0px 0px 8px 20px;color:#666;}
#mag-container ul ul li 	{color:#000; text-size:9pt important!; line-height:11pt;}
#mag-container li 			{list-style-image:url(../gif/bullet_gray.gif);margin-left:8px;margin-bottom:8px;
							padding-right:30px; font-size:100%; line-height:138%;}
#mag-container ul ul li 	{list-style-image:url(../bullet_gray3.html);margin-left:6px;margin-bottom:8px;
							padding-right:30px; font-size:96%; line-height:114%;}
#mag-container ul ul ul li {list-style-image:url(../gif/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;
							padding-right:30px; font-size:90%; line-height:108%;}

/* Home Latest in MH Display */
#home-content				{color:#666; font-weight:300; line-height:125%; xwidth:100%; padding-right:40px;}
#home-content h3			{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#home-content .image		{width:32%; max-height:190px; margin:0 18px 0 0; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#home-content .image img 	{width:110% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#home-content img:hover	{transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
#home-content .head			{font-weight:500; font-size:125%; margin:2px 0 4px 0; padding-right:20px;}
#home-content .text			{margin:0 0 2px 0; font-size:112%; line-height:130%; padding-right:20px;}
.topic-line					{border-top:1px dotted #999; margin:12px 24px 24px 0;}
.btn-eye:before				{content: '\f06e'; font-family:FontAwesome; padding:0 6px 0 0;}
.btn-eye					{width:160px;}
.inner						{margin-top:10px;}

#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%;}
#home-content #download .image {width:20% !important; max-height:400px; margin:0 18px 0 0; float:left; overflow:hidden; display:flex; 
							align-items:center; justify-content:center; min-width:120px !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);}
#home-content #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#home-content #download .image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}


/* Home Downloads Section */
.archive-head					{font-size:140% !important; line-height:125%; margin:2px 0 6px 0; font-weight:300;}
.archive-summary				{font-size:90%; line-height:120%; margin:4px 0 10px 0; color:#666;}
.archive-cover					{xwidth:98%; height:auto; max-height:366px; max-width:280px; 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;}
.archive-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;}
.archive-image-small			{width:86px; height:112px; float:left; border:0px; margin:0 6px 10px 0;}
.archive-head-small				{font-size:84% !important; line-height:125%; margin:0;}
.archive-summary-small			{font-size:75%; line-height:120%; margin:4px 0 6px 0; color:#666;}
.archive-cover-small			{width:100%; height:auto; max-height:104px; max-width:80px; 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;}
.archive-cover-small: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;}


/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* 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) and (max-width: 1699.98px) {
}

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