/*  Styles added by Brad to defaults */
.txtj {text-align: justify;}
.purple {color: #7D257C;}

/* override default h2 styling */
h2.bmplogo {border-bottom: none;}

.onhover {display: none;}
.offhover {display: inline;}
.socialicon {width: 49px; height: 49px;}
.socialwrap:hover span.offhover{display: none;}
.socialwrap:hover span.onhover {display: inline;}

.subsbtn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #7d257c;
  font-size: 1.5em;
  background: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
   display:inline;
}

.subsbtn:hover {
  background: #d27cd3;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}


div.side_image {
padding: 10px;
margin: 30px;
border: 2px solid #cccccc;
text-align: center;
font-size: 0.8em;
font-style: italic;
}

div.right {
float:right;
}

div.left {
float:left;
}

div.centre {margin: 0 auto;}
div.isotope {border-bottom: thin solid;}

span.tblock{margin-top: 2em; display: inline-block;}

#missionlist { list-style-image: url(../images/book_outline.svg); font-size: 1em;} 
#missionlist li {padding:1em 0em;}
span.blist{vertical-align:top;position: relative; left: 0.5em;}
.ind{margin-left:2em;}
#missionlist li ul.indlist li {padding: 0em 0em;}
.morespace{margin-top: 2em;}
.littlemorespace{margin-top: 0.5em;}

.wlist{color: #000; font: 1.3em/1.7em 'Open Sans', sans-serif; margin:40px;}

.ital {font-style: italic;}
.darker {font-weight: 700;}
.line{border-bottom: 1px solid #3F3F3F;}
.btnadj{line-height: 20px;}
.cta{float:right;}


/* accordion */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.in {
    height: auto;
}
/* template */
.acc-group.style3 { border-bottom: 1px solid #333; }
.acc-group.style3 > button:after {background:#111; text-shadow:0 1px 0 #000;}
.acc-group.style3 > button:hover:after {  background:#151515;}
.acc-group.style3 > button.collapsed:after {color:#999; }
/* accordions style3 */
.acc-group.style3 { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; }
.acc-group.style3 > button {display: block; width: 100%; text-align: left; position:relative; margin:0; padding:10px 10px 10px 60px; background:none; border:0; font-size:16px}
.acc-group.style3 > button:after {content:'-'; position:absolute; left:0; top:0; width:20px; height:20px; font-size:40px; background:#eee; color:#7D257C; padding:7px 6px 13px 14px; text-shadow:0 1px 0 #fff;}
.acc-group.style3 > button:hover { color:#7D257C !important; }
.acc-group.style3 > button:hover:after { color:#7D257C !important; background:#e9e9e9;}
.acc-group.style3 > button.collapsed:after {color:#b5b5b5; content:'+'; padding:10px;  font-size:35px;}
.acc-group.style3 > button.collapsed {color:#505050;}
.acc-group.style3 .content {padding: 10px 15px; }
.acc-group.style3 .content p:last-child {margin-bottom:0;}

/* custom */
/* Format Press Release Photos */
.primage {padding:10px;}

/* Press Release */
.boldwhite {font-size:18px; color:#000; font-weight:700;}
.acc-group.style3 > button.collapsed {color: #7D257C; font-weight:500;}
.acc-group.style3 > button:hover {font-weight:700;}

.acc-group.style3 > button {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    margin: 0px;
    padding: 10px 10px 10px 60px;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    font-size: 16px;
}

li.question:before {
    content: "Q:";
	padding-right: 0.4em;
	font-size: 1.3em;
	font-weight: 600;
}
li.answer:before {
    content: "A:";
	padding-right: 0.4em;
	font-size: 1.3em;
	font-weight: 600;
	
}

/* 
li.purple {color:#7D257C;}
li.gray {color:#3C3C3E;}
*/

li.question {
	color:#7D257C;
	padding-top: 1em;
	list-style-type: none;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 0.5em;
	width:90%;
    text-align:justify;
}
}
 
li.answer {
	list-style-type: none;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
	width:70%;
    display:inline-block;
    text-align:justify;
}

.tformat{text-align: justify;}
.world{background-image: url('../images/rustic-world-map.png');}

.footnote{
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}

/* *****************  Block 5 **************** */

.block-5 {
  padding: 80px 0;
}
.block-5 .text {
  border: 1px solid #fff;
  font: 1.3em/1.7em 'Open Sans', sans-serif;
  color: #727070;
  margin-bottom: 30px;
}
.block-5 .item-1 .text {
  margin-left: 30px;
  padding: 30px 40px 28px 40px;
  position: relative;
}
.block-5 .item-1 .text:before {
  content: "";
  width: 21px;
  height: 38px;
  background: url(../images/left-arrow.png) no-repeat;
  position: absolute;
  top: 60px;
  left: -20px;
}
.block-5 .item-2 .text {
  margin-right: 30px;
  padding: 30px 100px 28px 40px;
  position: relative;
}
.block-5 .item-2 .text:before {
  content: "";
  width: 21px;
  height: 38px;
  background: url(../images/right-arrow.png) no-repeat;
  position: absolute;
  top: 60px;
  right: -20px;
}

@media only screen and (max-width: 1199px) {
 
  .block-5 .item-1 .text {
    padding-left: 40px;
  }
  .block-5 .item-2 .text {
    padding-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .block-5 article {
    margin-bottom: 60px;
  }
  .block-5 .img_block {
    width: 60%;
    margin: 30px auto;
  }
}
  

@media only screen and (max-width: 480px) {
  .block-5 .img_block {
    width: 100%;
  }
}