/* 

	In-content CSS for <br />
<b>Notice</b>:  Undefined index: websiteTitle in <b>/Users/richard/Sites/tpc/web/core/dwoo/compiled/Users/richard/Sites/tpc/web/core/classes/helper/theme/templates/css/content-layout.css.tpl.d17.php</b> on line <b>5</b><br />

	---------------------------------------------------------------------
	Created on: 12th Apr '17
	Author: Little Fire Digital
	Copyright: Little Fire Digital Ltd 2017
	Generated by: 

	Colours:
	================================================================
	
	Primary Colour: #0066DD
	Primary Highlight: #6699FF
	Primary Shadow: #0044BB
	Accent Colour: #FF6600
	Accent Highlight: #FF9966
	Accent Shadow: #CC2200

*/



.width_50,
.width_30 {
	font-size: 9pt;
}

img.width_100,
.cke_editable img.width_100 {
	max-width: 50%;
	min-width: 50%;
	height: auto !important;		
}


img.width_50,
.cke_editable img.width_50 {
	max-width: 50%;
	min-width: 50%;
	height: auto !important;	
}

img.width_30,
.cke_editable img.width_30 {
	max-width: 30%;
	min-width: 30%;
	height: auto !important;	
}

img.left {
	float: left;
	margin: 0 10px 10px 0;
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
	clear: right;
}

img.border {
	border: 1px solid #000;
}

p.contentIntroductoryText {
	font-weight: bold;	
}

p.contentCallOutLeft {
	float: left;
	width: 180px;
	text-align: center;
	margin: 0 10px 10px 0;
}

p.contentCallOutRight {
	float: right;
	width: 180px;
	text-align: center;
	margin: 0 0 10px 10px;
}

p.contentMarginLeft {
	margin-left: 200px;
}

p.contentMarginRight {
	margin-right: 200px;
}

.footnote {
	font: normal 12px/normal verdana, arial, sans-serif;
}

.contentAttribution {
	text-align: right;
}


.cke_panel_block li,
.cke_panel_block a {
	margin: 0 !important;
}

.col_3 {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
}

.embed-container > .embedded { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* --- Media Call for iPad Portrait Only --- */
@media only screen and (max-width: 767px) {

	img.width_30,
	img.width_50 {
		min-width: 100%;
		max-width: 100%;
		height: auto;
	}

	img.left {
		margin-right: 10px;
	}

	img.right {
		margin-left: 10px
	}


	.col_3 {
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}	

}



/* --- Media Call for smartphones --- */
@media only screen and (max-width: 480px) {

	.col_3 {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;

	}	
}