/* ihop-box */

.article-widget .sctnopen-hdr {
	display: block;
	padding: 0.5em;
	text-align: left;
	border-bottom: 1px solid rgba(21,74,119,0.85);
	color: #ffffff;
	background-color: rgba(21,74,119,0.85);
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
	color:rgba(255,255,255,1.00);
}
.article-widget input {
  display: none;
  visibility: hidden;
}
.article-widget label {
	display: block;
	padding: 0.5em;
	text-align: left;
	border-bottom: 1px solid rgba(21,74,119,0.85);
	color: #ffffff;
	background-color: #666;
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
}
.article-widget .changes label {
	color:rgba(255,255,255,1.00);
	background-color:rgba(0,70,132,0.70);
	font-size: 1.4em;
    border-radius: 0.4em;
}
.article-widget label:hover {
  color: rgba(210,210,210,0.85);
	background-color:rgba(0,70,132,1.00);
}
.article-widget label::before {
    content: '\0025B6 ';
    display: inline-block;/*
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;*/
    margin-right: .7rem;
    transform: translateY(-2px);
    transition: transform .2s ease-out;
}
#expand0,
#expand1,
#expand2,
#expand3,
#expand4,
#expand5,
#expand6 {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
	background-color: rgba(0,70,132,0.05);
}
.article-widget section {
  padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
	border: 1px solid rgba(0,70,132,1.00);
}
#tog0:checked ~ #expand0,
#tog1:checked ~ #expand1,
#tog2:checked ~ #expand2,
#tog3:checked ~ #expand3,
#tog4:checked ~ #expand4,
#tog5:checked ~ #expand5,
#tog6:checked ~ #expand6 {
	height: auto;
}
#tog0:checked ~ label::before,
#tog1:checked ~ label::before,
#tog2:checked ~ label::before,
#tog3:checked ~ label::before,
#tog4:checked ~ label::before,
#tog5:checked ~ label::before,
#tog6:checked ~ label::before {
  transform: rotate(90deg) translateX(-3px);
}
@media (min-width:1152px) {

}
@media (max-width:767px) {

}
@media (min-width:768px) and (max-width:979px) {

}
@media (min-width:980px) and (max-width:1151px) {

}
@media (min-width:481px) and (max-width:539px) {
}
@media (min-width:540px) and (max-width:639px) {
}
@media (min-width:640px) and (max-width:767px) {
    
}
@media (min-width:768px) and (max-width:979px) {

}
@media (min-width:980px) and (max-width:1151px) {

}
@media (max-width:480px) {
.article-widget .changes label {
    font-size: 1.2em;
}
}