/* code added by JoomShaper to corect caption problem  */

.normalsizeh1 {
    line-height: 16px !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
}


/* Set Line heights  */
body p {
    line-height: 1.2;
}

/* set color of HR's  */
hr {
    color: red;
}

/* Use new twitter icon  */
.fa-twitter::before { content: url(/images3/x-twitter.svg); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}



/* FIx problem with drop down not showing for menu heading */
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler{
    right: 0px;
}

/* set font size on sub-items on mobile menu  */
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 16px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: black !important;
}


/* Add space around images */
img {
    margin: 5px;
}

/* end of code added by Joomshaper  */


/* Center header images  */
#sp-top1 {
    align-content: center;
    text-align: center;
}
#sp-top2 {
    align-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
#sp-top3 {
    align-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
#sp-top4 {
    align-content: center;
    text-align: center;
}
#sp-header-logo {
    align-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
#sp-top-bar .body {
    align-content: center;
    text-align: center;
}

.normalsizeh1 {
    line-height: 16px !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
}

/* set the font and padding for page title  */
.container .sp-page-title-heading {
    
    font-size: 2.0em;
}
.sp-page-title .container {
    margin-left: 25px;
}


/* Set background and font color  */
body, .sp-preloader {
  background-color: #ffffff !important;
  color: #252525;
}

/* Set Line heights  */
body p {
    line-height: 1.2;
}


/* Set menu height  */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height: 18px;
	padding: 0 9px !important;
	padding-top: 9px;
}

#sp-menu-area {
  	line-height: 20px;
  	margin-bottom: 20px;
  	border-bottom: 1px solid black;
 	border-top: 1px solid black;
 	padding-top: 2px;
    padding-bottom: 2px;
}

/* format search area  */
.mod-finder__search.input-group {
/*    width: 75%;  */
    margin-top: -5px;
}


/* Set drop down menu padding  */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    padding: 5px 0;
}

/* Set drop down acrtive menu color  */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #c00031;
}

#offcanvas-toggler {
   	line-height: 18px;
	padding-top: 1px; 
	height: auto;
	margin-left: -5px !important;
}

#offcanvas-toggler::before {
  content: "Menu";
  padding-right: 5px;
}


.dt_menu {
	line-height: 20px;
	padding-top: 9px;
	font-size: 18px;
}

.dt_menu li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.dt_menu li .active {
    color: blue;
}

.dt_menu ul {
    list-style-type: none;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0;
}

/* FIx problem with drop down not showing for menu heading */
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler{
    right: 0px;
}

/* set font size on sub-items on mobile menu  */
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 16px !important;
}

/* Menu area styling  */
#sp-header {
    background-color: white;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 38px !important;
    line-height: 18px !important;
}

/* Do not display social icons on obit page */
.obit .article-details .article-ratings-social-share {
    display: none !important;
}

/* Left & right content columns center text and remove boarder  */
#sp-left .sp-module, #sp-right .sp-module {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: 0px !important;
	padding: 0px !important;
	text-align: center;
}

/* Set top maring for Bigbarn ad only  */
#sp-right .sp-column .sp-module.bigbarn, #sp-right .sp-column .sp-module.missed {
    margin-top: 10px !important;
}



#sp-left, #sp-right {
	background-color: #F7F7F7;
    border-radius: 10px;
}

/* Add space around images */
img {
    margin: 5px;
}

/* move bullets down so they don't show on images  */
dl, ol, ul, li {
    list-style-position: inside;
}

/* remove flant line below intro image  */
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    border-bottom: none;
}

/* Do not display Featured Badage  */
.badge.bg-danger.featured-article-badge {
    display: none;
}


/* Left & right content columns center images and remove boarder  */
#sp-left .sp-module img, #sp-right .sp-module img {
	display: inline !important;
	border: 1px solid black !important;
}

/* Left & right columns center titles and adjust padding  */
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	text-align: center;
	margin: 5px 0px 0px 0px !important;
	padding: 0px !important;
	border-bottom: none !important;
	margin-bottom: 10px !important;
}


/* remove boarder for KCC */
#sp-right .sp-column .sp-module.kcc img, #sp-right .sp-column .sp-module.missed {
    border: none !important;
    border-collapse: collapse !important;
    border-color: #F7F7F7 !important;
}



/* center radio script box  */
.ssiLiveButtonM {
    margin-right: auto;
    margin-left: auto;
}


/* Reduce top margin before donate button   */
.donatebutton {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    color: red;
}


/* make caption bold and correct line-hight and Center  */
.caption, .caption-align {
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}

/* correct banner ad going into right column house as */

#sp-above-content-ad-space-lower-phone .custom_admess {
    padding-top: 60px;
}

/* Set Padding at top of content area */
#sp-main-body {
	padding: 20px 0px 0px 0px;
}

/* format article display  */
.article-list .article {
	border: 0px;
	padding: 0px 5px 5px 5px;
}

/* CSS Classes to float the intro image left or right  */
.image-right, .float-image-right {
    float: inline-end !important;
}

 #archive-items h2, #archive-items h2 a {
     font-size: 1.375rem;
}

/* Set Title Color for article links  */
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a, #archive-items h2, #archive-items h2 a {
	color: #000000;
	color: #0345bf;
}

.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, #archive-items h2 a:hover  {
	color: #000000;
	color: #060d8b;
}

/* Set color for Author to indicate link  */
.createdby a>span {
    color: #0345bf;
    font-weight: bold;
}
.createdby a>span:hover {
    color: #060d8b;
}

#archive-items .page-header {
    padding-bottom: 0px;
}

/* Set margin between article title and date  */
.article-list .article .article-header h1, .article-list .article .article-header h2, #archive-items h2 {
    margin-bottom: .05rem !important;
}

/* Set Read More color so it shows as a link   */
.article-list .article .readmore a {
    color: #0345bf;
}
.article-list .article .readmore a:hover {
    color: #060d8b;
}

/* Add title to "more" articles at bottom of home page */
.articles-more:before {
  content: "More Articles...";
}

/* add line after each article  */
.article-list .article {
  border-bottom: 2px solid black;
  padding-bottom: 5px;
}

.readmore {
    clear: both;
}

/* format More Aticles at bottom of home page  */
.list-group-item {
	border: 0px;
	padding: 0.25rem 1.25rem 0.25rem 1.25rem;
    text-decoration: none;
    border: 1px solid gray;
}

.pagination-counter {
	text-align: center;
	white-space: initial;
}

/* Add space and set font size so footer area looks better  */
#sp-footer {
	margin-top: 10px;
	font-size: 16px !important;
	line-height: 18px;
}

/* Change the color of the back to the top icon  */
.sp-scroll-up {
    background-color: #C00031;
}

/* The follow setting are not used on the site and our set only to so */
/* Webmaster tools does give the fonts are too small error            */

#sp-left .sp-module .tagscloud .tag-name span, #sp-right .sp-module .tagscloud .tag-name span {
    font-size: 16px;
}
.article-details .article-can-edit a {
    font-size: 16px;
}
.related-article-list-container ul.related-article-list li .published {
  font-size: 16px;
}
#sp-bottom {
  font-size: 16px;
}
.com-contenthistory .btn-group button {
  font-size: 16px;    
}

/* Set color and font weight for important emergency type menu item(s) */
.standout {
    color: #28ad00 !important;
    font-weight: bold !important;
}
.standout-red {
    color: red !important;
    font-weight: bold !important;
}
.standout-blue {
    color: #0345bf !important;
    font-weight: bold !important;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
  margin: -5px 10px 20px 20px;
}

.article-details .article-full-image {
  margin-right: 10px;
}

.img_caption  {
  text-align: center;
}

.article-details .article-full-image {
  margin-bottom: 2px;
}

.google-auto-placed.ap_container {
    margin-bottom: 10px;
}


/* Style the Clicks by Ad page */
.sp-page-title {
    background: none;
    padding: 30px 0px 0px 0px;
}
.sp-page-title .sp-page-title-heading {
    color: black;
}
.weblink-category {
    padding: 0px 50px 0px 50px;
}

.weblinks dl, .weblinks li {
    list-style-position: outside;
}

.weblinks span.badge.bg-info.float-md-end {
    float: left !important;
}

.weblinks .badge.bg-info.float-md-end {
    background-color: white !important;
    color: black !important;
}

/* Style Popular Stories in right column  */
#sp-right .sp-module ul>li>a {
    line-height: unset;
}

#sp-right .sp-module ul.mostread>li {
    padding-bottom:.8em;
    text-decoration: none;
}

.mostread.mod-list {
    text-align: left;
}

.mostread.mod-list a {
    border-bottom: 1px solid;
}

.mostread.mod-list a::before {
  content: "•";
}

/* correct intro and full image float  */
.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}


/* Style Latest News/News You may have missed in right column  */
.hasTooltip a span, .newstitle, .h5, h5 {
    font-size: 1.0rem !important;
    font-weight: 400 !important;
    padding-bottom: 2px !important;

}
h5 a span::before {
  content: "• ";
}
.newsinfo {
    border-bottom: 1px solid;
    margin-right: 10px !important
}

/* Custom CSS class to center images on mobile for in house ads  */

.centermobileimage {
    margin-right: auto !important;
    margin-left: auto !important;
    align-content: center !important;
}


/*  Set background color for videos  */
.avPlayerWrapper .avPlayerContainer .avPlayerBlock video {
    background: #ffffff;
}




/* correct the footer bbb logo and CCN text to align correctly */

@media (max-width: 960px) { .bbb .wf-columns-stack-medium>.wf-column {
width: 25%;
}
}

/* correct the video size on mobile - this did not work so using bootstrap which does not look that great */

@media only screen and (min-width: 767px) {
    body .video-responsive {
        width: 70%;
        height: 70%;
        margin-right: auto;
        margin-left: auto;
}    

@media only screen and (min-width: 767px) {
    span.wf-responsive-container {
    height: 350px;
}


@media only screen and (min-width: 767px) {
    iframe.wf-responsive.wf-responsive-iframe {
    height: 100% !important;
}


@media only screen and (max-width: 767px) {
    .ronniesvideo {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    width:100%;
    height:100%;
    }

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


.article-details .article-full-image img {
    display: inline-block;
    border-radius: 4px;
}
  
  .caption-align {
    text-align: center;
}

@media only screen and (min-width: 767px){
.caption-align {
    text-align: center;
    width: 360px;
}
}