/* Enter Your Custom CSS Here */

.entry .display-posts-rail {
    margin: 0px;
    padding: 0px;
}

.display-posts-rail li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 12px;

    border-bottom: 1px dotted #ACB3C6;
}

.display-posts-rail li:last-child {
    border-bottom: 0px;
}

.display-posts-rail li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.display-posts-rail li > a {
    display: inline-block;
    float: left;
}

.display-posts-rail li > a > img {
        border: 8px solid #ffffff;
    box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
    margin-right: 23px;
    margin-bottom: 17px;
}

.display-posts-rail li > a:after {
    content: 'Read More';
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    text-align: center;
    color: #282828;
    display: block;
    float: right;
    font-size: 11px;
    padding: 2px 8px;
    text-shadow: 1px 1px 1px #FFFFFF;
    position: absolute;
    bottom: 16px;
    right: 10px;

}


.display-posts-rail li > .excerpt-dash {
    display: none;
}

.display-posts-rail li > .excerpt {
   padding-top: 8px;
   
}

/* Consent Form */

/* This is the heading/Title of the entire page */
body.page .entry > h1.big-blue {
    text-transform: uppercase;
    color: #072b61 !important;
    padding-bottom: 5px;
}

body.page .entry form h1 {
    color: #c4960c !important;
    padding-bottom: 0px;
   
}

body.page .ext-sub-heading {
    color: #072b61 !important;
    font-size: 20px;
    padding: 20px 0;
    margin-bottom: 0px;
}

.wpcf7-form h2 {
    padding: 28px 0 8px;
    margin-bottom: 0px;
}

/* size-full class seems to have been changed to have float: right and margin-left: 20px. Changing it here */
img.size-full {
 	float: none;
  
  	/* Didn't have access to old styles so just set it to auto will probably break if img is set to alignright or alignleft */
  	margin-left: auto;
  	margin-right: auto;
  
  	max-width: 100%;
  	height: auto;
}

img.alignleft {
    float: left;
}
img.alignright {
    float: right;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto;
}

table.tbl {
    margin: 4px 0 15px;
    width: 100%;
}
.tbl td {
    border: 1px dotted #ddd;
    padding:5px 10px; 
}