/* backend */
.wp-admin .callout-box-container.alignright,
.wp-admin .callout-box-container.alignleft {
	float: none;
}


/* 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 */
.wp-block[data-align=right] .wp-block-acf-ext-callout-box {
	width: 350px;
	margin-left: 1em;	
} 
.callout-box-container.alignright .cets-callout-box {
	margin: 0;
	width: 100%;
}
.callout-box-container.alignright {
	width: 350px;
	margin: 1em 1em .5em 1em;
}

/* left align block */
.wp-block[data-align=left] .wp-block-acf-ext-callout-box{
	width: 350px;
	margin-right: 1em;	
} 
.callout-box-container.alignleft .cets-callout-box {
	margin: 0;
	width: 100%;
}
.callout-box-container.alignleft {
	width: 350px;
	margin: 1em 1em 0em 0em;
}
.theme-kayak .callout-box-container.alignleft {
	margin: 1em 1.5em .5em 0em;
}

/* kayak smaller */
.theme-kayak .callout-box-container.alignleft,
.theme-kayak .callout-box-container.alignright,
.theme-kayak .cets-callout-box.left,
.theme-kayak .cets-callout-box.right,
.theme-kayak .cets-callout-box {
    box-sizing: border-box;
}

/* 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;
	font-size: 1.3em;
	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: 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;
	}
}