/* DanceSport Australia - State Branch pages */
/* Loaded after mq.css by /state/_state_page.php and /state/_state_branch.php */

.state_news{padding:1%;background-color:#5500ff;color:#fff;}
.state_news_head{line-height:100%;margin-top:2%;margin-bottom:0;}
.state_news hr{border:0;border-top:1px solid #8866ff;margin:.75em 0;}
/* main.css sets p{color:#333} and a:link{color:#0447a9} as element rules, */
/* so the children have to be named here or they inherit nothing. */
.state_news p,.state_news strong,.state_news em,.state_news small,
.state_news h1,.state_news h2,.state_news h3,.state_news h4{color:#fff;}
.state_news a,.state_news a:link,.state_news a:visited{color:#fff;text-decoration:none;}
.state_news a:hover,.state_news a:active{color:#ffcc00;}
.state_news a:hover p,.state_news a:hover strong{color:#ffcc00;}
.state_news a:hover strong{text-decoration:underline;}
.state_news p.state_news_more{clear:both;padding-bottom:0;color:#ffcc00;text-decoration:underline;text-align:right;}
.state_news img{margin-top:.5em;}

.state_stamp{color:#666;margin-top:2em;}

/* The article column is narrow. Keep phone numbers and addresses whole, */
/* and let anything genuinely too long break rather than overflow. */
#article a[href^="tel:"],#article a[href^="mailto:"]{white-space:nowrap;}
#article{overflow-wrap:break-word;word-wrap:break-word;}

/* Structured State Board contact table */
.state_board{width:100%;border-collapse:collapse;margin-bottom:1.5em;}
.state_board th{text-align:left;padding:.5em;background-color:#333;color:#fff;}
.state_board td{padding:.5em;border-bottom:1px solid #ddd;vertical-align:top;}
.state_board td.role{width:35%;font-weight:bold;}
.state_board a{text-decoration:none;}
.state_board a:hover{text-decoration:underline;}

/* All States index cards */
.state_card{display:block;float:left;width:31%;margin:1%;padding:1%;border:1px solid #ccc;text-align:center;text-decoration:none;color:#000;}
.state_card:hover{background-color:#f4f4f4;}
.state_card img{width:100%;height:auto;}

@media screen and (max-width:640px){
.state_card{width:98%;float:none;}
.state_board td.role{width:45%;}
}