@charset "utf-8";
/* CSS Document */
.articleDate, .publishedBy, .articleSummary {
  display: none;
}
.webcast-callout {
  background-image: url("/resources/images/icons/webcast-calendar-peace-blue.png"), url("/resources/images/icons/webcast-watch-peace-blue.png");
  background-position: left 35px, left 72%;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 20px 20px 20px 50px;
  width: 85%;
}

.webcast-callout > p {
	background: #f5f5f1;
	padding:5px;
	display:bock;
	}
.webcast-callout > p:first-of-type {
	margin-bottom:20px;

	}
hr {
    border-top: 1px solid #1e1c1a;
}
.webcast-instruct {
  margin-bottom: 50px;
}

.webcast-instruct > p, .webcast-instruct > ul {
	background: #f5f5f1;
	padding:25px;
	margin-left: 50px;
	}
.webcast-instruct > p:first-of-type {
	margin-bottom:20px;

	}
.webcast-instruct > h3 {
    color: #333;
    text-indent: 50px;
    margin-top: 50px;
}
.webcast-instruct > h3.dates {
  background: url("/resources/images/icons/calendar-fa-icon-blue3.png") no-repeat scroll 10px/21px rgba(0, 0, 0, 0);
}
.webcast-instruct > h3.attend {
  background: url("/resources/images/icons/webcast-in-person.png") no-repeat scroll 10px/30px rgba(0, 0, 0, 0);
}
	
.webcast-instruct > h3.watch {
  background: url("/resources/images/icons/webcast-watch.png") no-repeat scroll 10px/30px rgba(0, 0, 0, 0);
}
.webcast-instruct > h3.where {
  background: url("/resources/images/icons/map-pin-fa-icon-blue.png") no-repeat scroll 10px/30px rgba(0, 0, 0, 0);
}
.webcast-instruct > h3.tweet {
  background: url("/resources/images/icons/x-twitter.png") no-repeat scroll 10px/30px rgba(0, 0, 0, 0);
}
.webcast-instruct > h3.catalog {
  background: url("/resources/images/icons/catalog.png") no-repeat scroll 10px/30px rgba(0, 0, 0, 0);
}
.promoBox {
	overflow: hidden;
	padding: 10% 50px;
	background: #1e1c1a;
	margin: 30px 0;
    color: white;
}
.promoBox img {
	float: right;
	margin: 0;
}
.promoBox div {
	width: 43.9%;
    margin-left: 43px;
}
.promoBox div p {
	font-size: 1.7em;
    line-height: 1.5em;
}
.promoBox div p:first-child {
    font-size: 1.8em;
    line-height: 1.333em;
}
.promoBox div p span {
    color: #938b82;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: .125em;
}
.promoBox div p:nth-child(3) {
    color: #cac6c2;
}

@media(max-width:680px) {
    .promoBox {
        background-image: none;
        padding: 50px;
    }
    .promoBox div {
        width: 80%;
    	margin: 0 auto;
    }
    .promoBox img {
        float: none;
    	width: 80%;
    	margin: 0 auto 20px;
    }
    .webcast-instruct > h3.tweet {
        background-position-y: 0px;
    }
    .webcast-instruct > h3 {
    	line-height: 1em;
    	font-size: 2.5em;
    }
}