img.postImageFloatLeft {
	float:left;
}
img.postImageFloatRight {
	float:right;
}
post_emphasis {
	font-weight: bold;
}
img.post_image_margin {
	margin: 20px;
}
.orange {
  color: #e25204;
}
a.orange { 
	color: #e35205;
} 
a.button.button-orange {
	background-color: #e35205;
    color: #fff;
}
a.button.button-orange:hover {
	background-color: #fa6c21;
}
.cta-button { /* CSS shouldn't be required here as in Fresco which is imported into TinyMCE, although we do need the class selector so it shows in TinyMCE custom styles dropdown */ /* 
	display: inline-block;
    position: relative;
    padding: 9px 0 9px 15px;
    background: #FFA300;
  	border: 1px solid #FFA300;
	text-align: left !important;
    text-decoration: none !important;
    border-radius: 500px;
    color: #500778 !important;
    text-align: left;
  	line-height: 25.14px;
  	font-size: 20px;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    transition: all 0.3s ease;
}
.cta-button:hover,
.cta-button:focus, 
.cta-button:active {
  	background: #500778 !important;
    color: #FFA300 !important;
    text-decoration: none !important;
  	border-color: #FFA300;
*/}

.cta-button-secondary { /* CSS shouldn't be required here as in Fresco which is imported into TinyMCE, although we do need the class selector so it shows in TinyMCE custom styles dropdown */ /*
  	display: inline-block;
    position: relative;
    padding: 9px 0 9px 15px;
    background: #500778;
  	border: 1px solid #FFA300;
	text-align: left;
    text-decoration: none !important;
    border-radius: 500px;
    color: #FFA300 !important;
    text-align: left;
  	line-height: 25.14px;
  	font-size: 20px;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    transition: all 0.3s ease;*/
}
/*.cta-button-secondary:hover,
.cta-button-secondary:focus, 
.cta-button-secondary:active {
  	background: #FFA300 !important;
    color: #500778 !important;
    text-decoration: none !important;
}*/

.cta-button-outline {
  	display: inline-block;
    position: relative;
    padding: 13px 28px;
    background: transparent;
  	border: 2px solid #500778;
	text-align: center;
    text-decoration: none !important;
    border-radius: 500px;
    color: #500778 !important;
  	line-height: 25.14px;
  	font-size: 16px;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
    transition: all 0.3s ease;
}
.cta-button-outline:hover,
.cta-button-outline:focus, 
.cta-button-outline:active {
  	background: #500778 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.cta-button-dad-matters { 
  	background-color: #500778;
    color: white;
    border-radius: 5px;
    border: 2px solid #500778;
    padding: 0.75em 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}
.cta-button-dad-matters:hover { 
 	background-color: transparent;
    color: #500778;
    text-decoration: none; 
}
.move-above-footer {
  background: #f6f3f8;
  padding: 3rem;
  margin: 2rem auto;
  border-radius: 20px;
  max-width: 1000px;
  position: relative;
}
.move-above-footer .template-wrapper .card.no-bg {
  background-color: transparent!important;
}
body#tinymce .move-above-footer:before {
	content: 'This section will be lifted and moved further down the page to sit above the footer';
  	color: red;
 	display: block;
  	text-align: center;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	position: absolute;
  	top: 2rem;
}
body#tinymce .move-above-footer {
    border: 1px dashed red;
	padding-top: 5rem;
}

blockquote.orange {}
blockquote.yellow {}
blockquote.purple {}
blockquote.black {}
blockquote.orange-quotation-mark {}