div#main_content{text-align: justify; text-justify: inter-word;}

/* FormPage styles */
form.formpage input:not([type='submit']), form.formpage select, form.formpage textarea{width: 100%;}
form.formpage textarea{resize: vertical;}
form.formpage ul.errorlist{}
form.formpage div.help-block{font-size: .75em;}

/* Image-Carousel Block Styles */
div.carousel-inner > div.item > img{width: 100%;}

/* Image positioning for Rich-Text elements */
img.left.richtext-image{float: left; margin-right: 5px; margin-bottom: 5px;}
img.right.richtext-image{float: right; margin-left: 5px; margin-bottom: 5px;}
img.full-width.richtext-image{width: 100%; margin: 0px 5px 5px 5px;}
img.center.richtext-image{margin-left: auto;margin-right: auto;}

/* Feed Roll Block Styles */
div.feed_roll_block div.date_posted, div.feed_roll_block div.permalink{color: darkgrey; font-size: 0.75em;}
div.feed_roll_block div.permalink{float: right; margin-left: 50px;}
div.feed_roll_block div.content.summary:not(.expanded){max-height: 100px;}
div.feed_roll_block div.content.summary{overflow-y:hidden;}
div.feed_roll_block div.read_more{text-align: center;}
div.feed_roll_block {margin-bottom: 30px;}

/* Sidebar Nav Block Styles */
div.sidebar_nav ul{padding-left: 15px;}
div.sidebar_nav > ul {padding-left: 5px; list-style-type: none;}

/* feed sidebar */
div.sidebar_feed ul{padding-left: 15px;}
div.sidebar_feed > ul {padding-left: 5px; list-style-type: none;}

/* Pricing plans */
div.plan_row > div[class*="col-"]:first-child{padding-left: 15px; padding-right: 5px;}
div.plan_row > div[class*="col-"]{padding-left: 5px; padding-right: 5px;}
div.plan_row > div[class*="col-"]:last-child{padding-left: 5px; padding-right: 15px;}
div.plan{height: 100%; border-radius: 4px; border: 1px solid lightgrey; overflow: hidden; position: relative;}
div.plan > div.header{padding: 10px 20px; font-size: 1.5em; font-weight: bold; text-align: center; background-color: lightgrey;}
div.plan > div.price{padding: 10px 20px; text-align: center;border-bottom: 1px solid lightgrey;}
div.plan > div.price-fold{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding: 0.72em 0;
    position: absolute;
    right: -8em;
    text-transform: uppercase;
    top: 2em;
    transform: translateZ(0px) rotate(45deg);
    transform-origin: center top 0;
    width: 280px;
    z-index: 0;
    text-align: center;}
div.plan > div.price > strong{font-size: 1.5em;}
div.plan > div.price > div.monthly{font-size: .75em;}
div.plan > div.contents{padding: 15px; text-align: left;}


/*This is to fix a wierd rendering issue with Wagtail's embeding framework*/
.rich-text img {
    max-width: 100%;
    height: auto;
}

.responsive-object {
    position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}