/* CSS Document */

#hwarticle {
  max-width: 600px; 
}

#hwside {
  max-width: 300px;
}

#adpostbody {
  max-width: 500px !important;
}

#adposttail {
  max-width: 500px !important;
}

.hwsidecol {
  padding: 10px 20px !important;
}

.banner1trans {
      opacity: 0;
      filter: alpha(opacity=0); /* For IE8 and earlier */
}

@media screen and (max-width: 1500px) {
    iframe {
        object-fit: contain;
		min-width: 0;
		max-width: 100%;
    }
}

@media only screen and (min-width: 1500px) {
}



.hwmast  {
background-color: rgba(0,0,0,.50);
color: #f4efef;
padding-bottom: 40px;
}

/* This is the banner image - sou */
.hwhead5-bg {
background-image: url(../images/hwhead8.jpg);
background-repeat: no-repeat;
background-size: cover;
color: #f4efef;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {

}

.grid-matte {background-color: rgba(0,0,0,.60);}

.grid-matte .hmy-section {max-width: 1200px; margin: auto;}

.white-txt{
color: #FFFFFF;
}


@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: 1px dashed #000;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

.hwfooter {
max-width: 3000px  !important;
width: 100%;
font-size: 0.75rem;
letter-spacing: 3px;
}

.intro-0z hmy-section {
width: 100% !important;
box-sizing: border-box;
}


.hwmed {
font-weight:300;
font-size: 0.75rem;
letter-spacing: 1 px;
line-height:1;
}

.hwsmall {
font-weight:300;
font-size: 0.65rem;
letter-spacing: 1px;
}

}
.hwsideomni {
	background-color: rgb(21,21,21);
	color: #FFF;
}

.hwsidebar a:link {
    border-bottom: 1px dotted;
	color: #2A5DB0 !important;
}

.hwsidebar a:visited {
	color: #804000;
}
.hwsidebar a:hover {
	border-bottom: 1px dotted #FF901D;
	font-weight:700;
	color: #2A5DB0 !important;
}


.hwmain a:active {
	border-bottom: 1px dotted #FF901D;
	font-weight:700;
	color: #2A5DB0 !important;
}

.hwmain a:link {
    border-bottom: 1px dotted;
	color: #2A5DB0 !important;
}

.hwmain a:visited {
	color: #804000;
}
.hwmain a:hover {
	border-bottom: 1px dotted #FF901D;
	font-weight:700;
	color: #2A5DB0 !important;
}


.hwmain a:active {
	border-bottom: 1px dotted #FF901D;
	font-weight:700;
	color: #2A5DB0 !important;
}

.hwsidebar {
font-family: Lato:400, sans-serif;
font-size: 0.8rem;
font-weight: 400;
letter-spacing: 1px;
}

.hwsidebar h2 {
font-size: 1rem !important;
border-bottom: 2px solid #cc6611;
color: #000000;
padding: 2px;
}

.hwmain {
max-width: 550px !important;
}


.hwmain h2 {
font-size: 1.4rem !important;
padding: 1px;
}

.hwmain h3 {
font-size: 1.2rem !important;
padding: 1px;
}

.hwmain h4 {
font-size: 1rem !important;
border-bottom: 1px dotted #cc6611;
padding: 2px;
}

.hwlogotxt {
font-family: "Rock Salt";
font-size: 2.1rem;
padding-top:14px;
padding-bottom:0px;
padding-right: 300px;
text-shadow: 1px 1px 0px #999999;
}

.hwlogotxt2 {
font-family: "Rock Salt";
font-size: 1rem !important;
}

.hwsidebar H3 {
font-size: 1rem !important;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: 1px dashed #000;}
.intro-0a {order: 1;}
.intro-01 {order: 2;}
.intro-02 {order: 5;}
.intro-03 {order: 3;}
.intro-04 {order: 6;}
.intro-05 {order: 4;}
.intro-06 {order: 7;}
.intro-01 {order: 8;}
.intro-0z {order: 9;}
.hwlogotxt {opacity: 1; padding-top:0px; padding-right: 0px;!important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

@media only screen and (min-device-width : 0px) and (max-device-width : 768px) {
.intro-0a {order: 1;}
.intro-01 {order: 2;}
.intro-02 {order: 5;}
.intro-03 {order: 3;}
.intro-04 {order: 6;}
.intro-05 {order: 4;}
.intro-06 {order: 7;}
.intro-01 {order: 8;}
.intro-0z {order: 9;}
.hwlogotxt {opacity: 1; padding-top:0px; padding-right: 0px;!important;}

/*.headshad {
text-shadow: 0 0 3px #FF0000;*/
}