/* -----------------------------------------
    Hazard Ex Custom Styles
    Colors: Black: #000000, Yellow: #ffff00, Grey: #f1f1f1, White: #ffffff
----------------------------------------- */

/* -----------------------------------------
    Box Sizing
----------------------------------------- */
*, *:before, *:after {*behavior: url(/js/boxsizing.htc); }

/* -----------------------------------------
    Clearing
----------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}


#at20mc div {box-sizing:initial!important;}
.ie-menu-icon {display:none!important;}
.lt-ie10.lt-ie9 .ie-menu-icon {display:block!important;}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
a {color:#222;}
a:hover {color:#666;text-decoration:underline;}
ul {list-style: none}
img {vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {line-height:1.2;}
body {background: black;}
p, ul {font-size:90%;line-height:1.4;}
h3.blocktitle {background:black;padding:6px 0.9375em;color:#ffff00;margin:0;}

.products{ text-align:right; margin-bottom:10px; margin-top:-10px; }
.productselect { width: auto; }


/* -----------------------------------------
   Cookies
----------------------------------------- */
.row.yellow {background:#ffff00;}
.row-full {width:100%;}
.row-full.yellow {background:#ffff00;}
.cookies {font-size:0.72em;padding:0px 0;}
.cookies a {text-decoration:underline;}
.cookies button {margin:0;background-color:black;border-color:black;color:#ffff00;text-transform:uppercase;font-weight:normal;font-size:0.85em;}
.cookies button:hover {color:white;background:#333;}
.cookies p {margin:0;padding:0;}


#eucookie {padding:5px 0;}
#eucookie .links {margin:15px 0 ;}
#eucookie .links a {text-decoration:none;padding:10px;margin:0;background-color:black;border-color:black;color:#ffff00;text-transform:uppercase;font-weight:normal;font-size:0.85em;}
#eucookie .links a:hover {color:white;background:#333;}




/* -----------------------------------------
   Rows
----------------------------------------- */
.row { background:white; }
.row.black {background:black }
.row.transparentbg {background:transparent;}
.row.grey {background:#f1f1f1;}
.row.secondary {font-size:80%;}
.margin-bottom-20 {margin-bottom:1.25em}


.panel.nopadding, .columns.nopadding {padding:0!important;}
.panel.nomargin {margin:0;}
.padding {padding:20px 0;}


.columns.nopadding-left-large {padding-left: 0 !important;}


.columns.nopadding-left {padding-left: 0 !important;}
.columns.nopadding-right {padding-right: 0 !important;}
h4.marginbottom {margin-bottom:1.25em !important;}

.negativemargin {margin-top:-1.2em !important;margin-left:-1.2em;}
.margin-bottom-20 {margin-bottom:1.25em !important}
.padding-top-5 {padding-top:10px !important}

.innerpadding {padding:0 0.625em !important;}

/* -----------------------------------------
   Header
----------------------------------------- */
.logo {margin:5px 0 0 0;}

/* -----------------------------------------
   Navigation
----------------------------------------- */
.row.nav {border-bottom:10px solid #ffff00;}
.top-bar.expanded .title-area {background:black;margin-bottom:20px;}
.top-bar {margin-bottom:0px;background-color:black;line-height:1.6}

.top-bar-section .has-dropdown .dropdown .has-dropdown .dropdown {border-left:1px solid #ebeb00;}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {margin-top:-12px;}
.top-bar-section ul li > a {height:auto;}
.top-bar-section ul li.active > a {background:#ffff00;color:#222222;}
.top-bar-section ul li.active > a:hover{background:#ffff00;}
/*.top-bar-section li {background:black;}*/
.top-bar-section li {background:none;}

.top-bar-section .has-dropdown a:hover {background-color:#ffff00 !important;color:black;}

.top-bar-section ul li a {background:black;padding-right:15px !important;padding-left:15px !important;}
.top-bar-section ul li a:hover {background:#333;}

.top-bar-section .dropdown {background:#ffff00 !important;}
.top-bar-section .dropdown li label {background:#ffff00;color:#222222;}
.top-bar-section .dropdown li a {border-bottom:1px solid #ebeb00; background:#ffff00;color:#222222;padding:10px 15px}
.top-bar-section .dropdown li a:hover {color:#ffffff;background:#333 !important;}
.top-bar-section ul {background:black;}
.top-bar-section .has-dropdown > a:after {display:none !important}
.top-bar-section .has-dropdown > a {padding-right:15px !important}

.top-bar-section .has-dropdown > a:after {border-color:rgba(255, 255, 255, 0.5) transparent transparent transparent;}
.top-bar-section .has-dropdown.active > a:after {border-color:rgba(0, 0, 0, 1) transparent transparent transparent;}


div#st_vertical{width: auto; float: none;}
div.st_vertical div.st_view div.tabLeft {width:55%!important;}
div.st_vertical div.st_view div.tab_image {width:45%!important;}
div.st_vertical div.st_view div.tabLeft h2 {width:auto; font-size:0.9em; line-height:16px;}
div.st_vertical div.st_view div.tabLeft .text {width:auto;}
div.st_vertical div.st_view_container {height:150px;}
div.st_vertical div.st_view p {margin:5px 5px 0 0; line-height:14px;}
div.st_vertical div.st_view_container {padding:8px;}
div.st_vertical div.st_view div.tab_image img {width:100%;}

/* -----------------------------------------
   Main Content
----------------------------------------- */
.row.maincontent {padding:20px 0;}
.panel {border:none;background: #f1f1f1; }
.date, span.date {font-size:0.75em; color:#999 !important;text-transform:uppercase;font-weight:bold;}
.newsintro {padding-bottom:0;}


/* -----------------------------------------
   Titles
----------------------------------------- */
h1 {font-size:1.6em;}
h3 {font-size:1.2em;}
h6 {font-size:1em; margin:10px 0 2px 0;}
h1.blocktitle, 
h4.blocktitle, 
p.blocktitle 
{background:black;padding:6px 0.9375em;color:#ffff00;margin:0;}

h1.blocktitle, 
h3.blocktitle a, 
h4.blocktitle a, 
p.blocktitle a 
{color:#ffff00;}

.digitalissue {
height:125px;
overflow:hidden;
text-align:center;
}


h5.imagecaption {font-style:italic; font-size:0.9em; font-weight:normal;color:#666;background-color:#f1f1f1;margin:0;padding:6px 0;}


/* -----------------------------------------
   Articles
----------------------------------------- */
#article p {margin: 1.25em 0}

#article p a {text-decoration: underline}

#articleauthor, #articledate
{
font-size: 0.75em;
color: #999 !important;
text-transform: uppercase;
font-weight: bold;}



/* -----------------------------------------
   Bottom 3 Columns
----------------------------------------- */
ul.articles li {border-bottom:1px dotted #ccc;padding:5px 0;}
ul.articles li:first-child {padding-top: 0}
ul.articles li:last-child {border-bottom:none;}

/* -----------------------------------------
   Side Adverts
----------------------------------------- */
.adright {margin-bottom:10px;}


/* -----------------------------------------
   Footer
----------------------------------------- */
.footertext {font-size:0.75em; color:#fff;text-align:right;}


/* -----------------------------------------
   Social Icons
----------------------------------------- */
ul.socialicons{margin:0px 0 0 0;text-align:center;display:block;float:left;padding:0px 0px 0px 0px;font-size:12px;}
.socialicons li {margin: 0 5px 0 0;padding: 0;list-style: none;background: url(../img/assets/socialicons.png) no-repeat;}
.socialicons li, .socialicons a {width: 33px;height: 33px;display: block;float: left;}
ul.socialicons li.facebook {background-position: 0px 0px;}
ul.socialicons li.twitter {background-position: -33px 0px;}
ul.socialicons li.linkedin {background-position: -66px 0px;}
ul.socialicons li.facebook:hover {background-position: 0px -33px;}
ul.socialicons li.twitter:hover {background-position: -33px -33px;}
ul.socialicons li.linkedin:hover {background-position: -66px -33px;}


/* -----------------------------------------
   Breadcrumbs
----------------------------------------- */
.breadcrumbs {border:none;background-color: black;-webkit-border-radius: 0px;border-radius: 0px;}
.breadcrumbs li a, .breadcrumbs li span {color:#ffffff;font-weight:bold;}
.breadcrumbs li a:hover, .breadcrumbs li a.active {color:#ffff00;text-decoration:underline;}
.breadcrumbs li:before {content: "|";}
.row.secondary .breadcrumbs {font-size:110%;}


/* -----------------------------------------
   Slider
----------------------------------------- */
.orbit-container {margin-bottom:1.25em;}
.orbit-container h3 {margin-bottom:0;}
.orbit-container .date {margin-bottom:0.5em;margin-top:0.5em;}
.orbit-container .orbit-slides-container > * .orbit-caption {position:relative;background-color:transparent;color:#222222;font-size:100%;}
.orbit-container .orbit-slides-container > * .orbit-caption * {color:#222222;}
.orbit-container .orbit-slide-number {display:none;}
.orbit-container .orbit-timer .orbit-progress {background-color:#ffff00;height:2px;}
.orbit-container .orbit-timer {right:5px;top:5px;visibility:hidden}
.orbit-container .orbit-prev, .orbit-container .orbit-next {top:auto;height:34px;width:34px;margin-top:0;background-color:black;color:black;bottom:0;}
.orbit-container .orbit-prev {left:auto;right:40px;}
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {border-top: 8px solid transparent;border-bottom: 8px solid transparent;margin-top:-8px;}
.orbit-container .orbit-prev > span {border-right:8px solid #ffff00;margin-left:-3px;}
.orbit-container .orbit-next > span {border-left:8px solid #ffff00;margin-left:-3px;}


/* -----------------------------------------
   IE 8
----------------------------------------- */

.lt-ie10 ul {line-height:1.6;}

.lt-ie10 ul.breadcrumbs {line-height:1.2}


/*///////// -----------------------------------------
   DESKTOP STYLES
----------------------------------------- //////////*/

@media only screen and (min-width: 48em) {
  .row {min-width:1000px;}
  .row .row {min-width: initial}

  .ie-10-plus .row .row, .lt-ie10 .row .row {min-width:auto;}
  .top-bar-section .dropdown li a {background:#ffff00; color:#222222; cursor:pointer;}
}


/*///////// -----------------------------------------
   MOBILE STYLES
----------------------------------------- //////////*/

@media only screen and (max-width: 47.938em) {
  p, ul {font-size:110%;line-height:1.4;}
.padding {padding:10px;}
.columns.nopadding-left-large {padding-left: 0 !important;padding-right:0 !important;}
/* -----------------------------------------
  Mobile - Navigation
----------------------------------------- */
.top-bar-section .dropdown li.title h5 a {background:#333;font-size:10px;color:#fff;text-transform:uppercase;font-weight:bold;padding-top:0;padding-bottom:0;}
.top-bar {margin-bottom:20px;}
.top-bar-section ul li > a {border-bottom:1px solid #333;color:#999;}
.top-bar-section ul li:last-child > a {border-bottom:none;}
.top-bar-section ul li > a:hover {color:#fff;}
.top-bar-section .dropdown {background:black;border:none;}
.top-bar-section .dropdown ul li a {background:black;color:#999;border-bottom:1px solid #333;}
.top-bar-section .dropdown ul li a:hover {background:#ffff00;color:black;}
.top-bar-section ul li.active > a:hover{color:black;}
.top-bar-section .has-dropdown .dropdown .has-dropdown .dropdown {border-left:none}



/* -----------------------------------------
   Mobile - Footer 
----------------------------------------- */

.footertext {text-align:left;margin:20px 0 10px;}


/* -----------------------------------------
   Mobile - Slider 
----------------------------------------- */
.orbit-container .orbit-timer {left:5px;bottom:5px;top:auto;}


/* -----------------------------------------
   Mobile - Shared 
----------------------------------------- */
.newsintro {margin:20px 0;}
.negativemargin {/*margin-top:-1.2em !important;margin-left:0;*/ margin:0;}
.negativemargin .row {margin:-1.2em -2.2em 0 -2.2em;}

ul.articles li {padding:15px 0;}
h3.blocktitle, h4.blocktitle, p.blocktitle  {padding-top:18px;padding-bottom:15px;}
.breadcrumbs {font-size:90%;}
.row.secondary .breadcrumbs {font-size:110%;}

.nopadding-small {padding-left:0;padding-right:0;}

h5 {padding-top:15px;}
.columns.nopadding-right {padding-right: 0.9375em}
.columns.nopadding-left {padding-left: 0.9375em}

/* -----------------------------------------
   Mobile - Cookies
----------------------------------------- */
.cookies button {width:100%;margin:10px 0;font-size:90%;}
.cookies p {font-size:90%}

  }

#sfbox {background-color:white;}
.sftop, .sfbottom {display:block; background:transparent; font-size:1px;}
.sfb1, .sfb2, .sfb3, .sfb4 {display:block; overflow:hidden;}
.sfb1, .sfb2, .sfb3 {height:1px;}
.sfb2, .sfb3, .sfb4 {background:#E4E4E4; border-left:1px solid red; border-right:1px solid red;}
.sfb1 {margin:0px 5px; background:red;}
.sfb2 {margin:0px 3px; border-width:0px 2px;}
.sfb3 {margin:0px 2px;}
.sfb4 {height:2px; margin:0px 1px;}
.sfboxcontent {display:block; background:#E4E4E4; border:0px solid red; border-width:0px 1px; padding:5px;}



/* -----------------------------------------
   Search box
----------------------------------------- */

.top-bar-section ul#search-form .row {background:transparent;}
.top-bar-section #show-search-button {margin:0; padding:9px 20px; position:absolute; right:0;background:#ffff00; border:1px solid #ffff00; color:#000; text-align:center;}
.top-bar-section .search-button {width:100%; background: #000; border: #000 1px solid; color:#ffff00;}
.top-bar-section .search-button:hover {background: #222; border: #222 1px solid;}

@media only screen and (min-width:48em){
	.top-bar-section ul#search-form .has-form {background:transparent; width:100%;}
	.top-bar-section ul#search-form {background:#ffff00; width:100%; height:60px!important;}
	.top-bar input, .top-bar .span {top: 16px!important; height: 2.5em!important;line-height: 2.4em!important;}
    .row.black.nav .large-14.columns {padding:0!important;}
}

@media only screen and (max-width: 47.938em) {
	.top-bar-section #show-search-button {display:none; padding:9px 20px;}
	.top-bar-section #search-form {display:block!important;}
	.top-bar-section .search-button {background: #333; border: #333 1px solid; webkit-box-shadow:none; box-shadow:none;}
	.top-bar-section .search-button:hover {background:#444; border:#444 1px solid;}
    .small-ad-fw > a > img {width:100%!important; height:auto!important;}
}

.ie8ima .articleimage { width:410px; } 

.lt-ie10.lt-ie9  h1 {font-size: 1.6em;}
.lt-ie10.lt-ie9  h3 {font-size: 1.2em;}



#articledate {float:left; width:50%;}
#articleauthor {float:right; width:50%; text-align-last:right;}
#article h3 {
    clear: both;
}