@charset "UTF-8";

.js-to_expand[aria-hidden=true],
.js-to_expand[data-hidden=true] {
  display: none;
}
.js-to_expand {
	margin: 0px;
	padding: 20px 60px 10px;
	border-bottom: solid 1px #999;
}
.js-to_expand  p{
	padding: 10px 0px;
}

.js-to_expand  ul{
	margin-left: 35px;
}
.js-to_expand  ul li{
	padding: 0px 15px;
}
/* optionnal or prefix with .js with modernizr */
.expandmore__button[aria-expanded=false]:before,
.expandmore__button[data-expanded=false]:before {
  content : '';
  speak: none;
  margin: 0px;
	padding: 20px 0 20px 60px;
  background-image: url(../assets/img/plus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
}
.expandmore__button[aria-expanded=true]:before,
.expandmore__button[data-expanded=true]:before {
  content : '';
  speak: none;
  margin: 0px;
	padding: 20px 0 20px 60px;
  background-image: url(../assets/img/minus.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.expandmore__button {
	width: 100%;
	display:block;
	text-align:left;
  	background: none;
	font-family:'Gotham 4r', Verdana, Avenir;
	font-size: 22px;
	border:none;
	border-bottom: solid 1px #999;
	COLOR: #bb1654;
	margin: 0px;
	padding: 20px 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

@media (max-width:414px) {
.expandmore__button[aria-expanded=false]:before,
.expandmore__button[data-expanded=false]:before {
	background-size: 80%;
	padding-left: 30px;

}
.expandmore__button[aria-expanded=true]:before,
.expandmore__button[data-expanded=true]:before {
	background-size: 80%;
	padding-left: 30px;
}
.expandmore__button {
	width: 100%;
	font-size: 18px;
}
.js-to_expand {
	padding: 20px 10px 10px 20px;
}

}
@media (max-width:375px) {
.expandmore__button[aria-expanded=false]:before,
.expandmore__button[data-expanded=false]:before {
	padding-left: 20px;
}
.expandmore__button[aria-expanded=true]:before,
.expandmore__button[data-expanded=true]:before {
	padding-left: 20px;
}
.expandmore__button {
	width: 370px;
	margin: 0;
	font-size: 16px;
	line-height: 26px;
}
.js-to_expand {
	width: 80%;
	padding: 20px 10px 20px 20px;
}
@media (max-width:320px) {
.expandmore__button[aria-expanded=false]:before,
.expandmore__button[data-expanded=false]:before {
	padding-left: 20px;
}
.expandmore__button[aria-expanded=true]:before,
.expandmore__button[data-expanded=true]:before {
	padding-left: 20px;
}
.expandmore__button {
	width: 310px;
	margin: 0;
	font-size: 16px;
	line-height: 26px;
}
.js-to_expand {
	width: 100%;
	padding: 20px 0px 20px 20px;
}


}