article.ipsContained .quote, article.ipsContained .fl .quote, article.ipsContained .fr .quote {
	margin:0 0 1.8em 0;
}


article.ipsContained .quote-reference {
	width:100%;
}

.quote blockquote {
	padding-left: 30px;	
	margin: 0;
}

.quote-text {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	padding: .4em .8em .6em;
	position: relative;
	color: #333;
	line-height: 1;
	margin: 0;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.quote-text:before {
	content: '\f10d';
	font-family: 'FontAwesome';
	display: block;
	position: absolute;
	top: 6px;
	left: -27px;
  	font-size: 32px;
}

.quote-text p {
	font-family: "Helvetica Neue", Arial, sans-serif;
	color: #333;
	font-size: 19px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.4;
	margin: 0;
}

.quote-source {
	position: relative;
	margin-left: 10px;
	padding: .6em .8em 0 2em;
	color: #686868;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.2;
	text-transform: uppercase;	
}


@media screen and (min-width: 600px) {
	article.ipsContained .quote-reference {
		width:50%;
	}

	.quote blockquote {
		padding: 10px 0 10px 30px;	
		margin: 0;
	}

	.quote-text p {
		font-size: 23px;
		font-weight: 200;
	}

	.quote-source {
		font-weight: 200;
	}

	article.ipsContained .fl .quote {
		margin:.5em 1.5em 1em 0;
	}

	article.ipsContained .fr .quote {
		margin:.5em 0 1em 1.5em;
	}
}

@media screen and (min-width: 720px) {
	article.ipsContained .quote, .articlebody .fl .quote, .articlebody .fr .quote {
		margin:0 0 1.8em 0;
	}

	article.ipsContained .quote-reference {
		width:100%;
	}

	.quote-text p {
		font-size: 21px;
	}

	.quote blockquote {
		padding-left: 30px;	
		margin: 0;
	}
}

@media screen and (min-width: 1024px) {
	article.ipsContained .quote-reference {
		width:50%;
	}

	.quote blockquote {
		padding: 10px 0 10px 30px;	
		margin: 0;
	}

	.quote-text p {
		font-size: 23px;
	}

	article.ipsContained .fl .quote {
		margin:.5em 1.5em 1em 0;
	}

	article.ipsContained .fr .quote {
		margin:.5em 0 1em 1.5em;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.quote-text i {
		background-size: 32px 61px;
		background-position: 0 -13px;
	}

	.quote-source i {
		background-size: 32px 61px;
		background-position: 0 -46px;
	}
}


/* Bootstrap styles */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.col-md-6 {
  width: 50%;
}
.col-md-3 {
  width: 25%;
}
.col-md-9 {
  width: 75%;
}
.col-md-4 {
  width: 33.3%;
}

/* Custom styles */
.col-md-6 img,
.col-md-3 img,
.col-md-4 img,
.col-md-9 img {
  display: block;
  max-width: 100%;
  height: auto;
}

.two-col .col-md-6,
.two-col-left .col-md-3,
.two-col-left .col-md-9,
.two-col-right .col-md-3,
.two-col-right .col-md-9 {
	margin: -3px;
}
.two-col-right .col-sidebar,
.two-col-left .col-sidebar {
	padding: 0;
}
.two-col .col-2 {
  margin-left: 9px;
}
.three-col .col-1 {
	margin-left: -3px;
}
.three-col .col-2 {
	margin-left: 3px;
}
.three-col .col-3 {
	margin-left: 3px;
  margin-right: -3px;
}
.two-col-left .col-md-9{
  margin-left: 8px;
}
.two-col-right .col-md-9{
  margin-right: 8px;
}

.accordion {
	padding-top: 2px;
}
.accordion:before {
	content: 'Accordion';
	text-transform: uppercase;
	padding-bottom: 4px;
	font-size: 10px;
	color: #888;
}
.accordion dd.accordion-navigation > .content,
.accordion dd > .content {
	display: block !important;
}
.accordion dd.accordion-navigation {
	margin-bottom: .7em !important;
}
.accordion dd.accordion-navigation>a {
	padding: 5px;
	background: #ddd;
	min-height: 0;
	margin-bottom: 1px;
}
.accordion dd.accordion-navigation>a p {
	margin: 0;
}
