/* initial defaults */
.cets-callout-box {
	width: 92%;
	padding: 1em;
	background: #F7F7F7;
	border: 1px solid #E4E4E4;
	margin: 0 auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

body .entry-content .cets-callout-box ul {
	margin: 0 0 1.5em 1em !important;
}

/*right align shortcode */
.cets-callout-box.right {
	width: 350px;
	float: right;
	margin-left: 1em;
}

/*left align shortcode */
.cets-callout-box.left {
	width: 350px;
	float: left;
	margin-right: 1em;
}

/* right align block */
.callout-box-container.alignright .cets-callout-box {
	margin: 0;
	width: 100%;
}
.callout-box-container.alignright {
	width: 350px;
	margin: 1em 0em 0em 1em;
}

/* left align block */
.callout-box-container.alignleft .cets-callout-box {
	margin: 0;
	width: 100%;
}
.callout-box-container.alignleft {
	width: 350px;
	margin: 1em 1em 0em 0em;
}

/*kayak and magnify smaller */
.theme-kayak .callout-box-container.alignleft,
.theme-magnify .callout-box-container.alignleft,
.theme-kayak .callout-box-container.alignright,
.theme-magnify .callout-box-container.alignright,
.theme-kayak .cets-callout-box.left,
.theme-magnify .cets-callout-box.left,
.theme-kayak .cets-callout-box.right,
.theme-magnify .cets-callout-box.right {
	width: 200px;
}

/*full width block and shortcode, unaligned block */
.callout-box-container .cets-callout-box,
.cets-callout-box.full,
.callout-box-container.aligncenter .cets-callout-box {
	width: 92%;
	float: none;
	margin: 0 auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* styles */
.cets-callout-box.gray {
	background: #F7F7F7;
	border: 1px solid #E4E4E4;
}
.cets-callout-box.blue {
	background: #F2F6FF;
	border: 1px solid #C7D1E0
}
.cets-callout-box.yellow {
	background: #FFFFEC;
	border: 1px solid #E6E3A4;
}
.cets-callout-box.green {
	background: #F2FDED;
	border: 1px solid #A6D593;
}
.cets-callout-box.white {
	background-color: #fff;
	border: none;
}
.cets-callout-box.golden {
    background: #ffc801;
    border: none;
}

/* headers */
.cets-callout-box .callout-box-title,
.cets-callout-box h1,
.cets-callout-box h2,
.cets-callout-box h3 {
	font-weight: bold;
	padding-bottom: .3em;
	border-bottom: 1px solid #858688;
	margin-top: 0;
}
.cets-callout-box.yellow .callout-box-title,
.cets-callout-box.yellow h3,
.cets-callout-box.yellow h2,
.cets-callout-box.yellow h1  {
	border-bottom: 1px solid #DBD77A;
}
.cets-callout-box.green .callout-box-title,
.cets-callout-box.green h1,
.cets-callout-box.green h2,
.cets-callout-box.green h3  {
	border-bottom: 1px solid #729962;
}
.cets-callout-box.blue .callout-box-title,
.cets-callout-box.blue h1,
.cets-callout-box.blue h2,
.cets-callout-box.blue h3{
	border-bottom: 1px solid #758499;
}
.cets-callout-box.golden .callout-box-title,
.cets-callout-box.golden h1,
.cets-callout-box.golden h2,
.cets-callout-box.golden h3{
	border-bottom: 1px solid #7f6d2b;
}

/* clear */
.clear {
	clear: both;
}

/*media queries */
@media screen and (max-width: 650px){ 
	.cets-callout-box.full ,
	.cets-callout-box.right,
	.cets-callout-box.left {
		width: 94%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}