@charset "utf-8";
/* CSS Document */
/*this styled the top bar*/
#sp-top2.col-lg-3 { padding: 25px 10px 0px 5px!important;}
#sp-top3.col-lg-2 { text-align:right!important; font-weight:bold!important;}
#sp-top4.col-lg-2 { padding: 25px 10px 0px 5px!important;}
#sp-top5.col-lg-1 { padding: 30px 10px 0px 10px!important; text-align:right!important;}

/*logo transition effect on scroll*/
.header-sticky .logo img { height: 60px; transition: height .3s ease-in, position .3s ease;}
.logo-image-phone.d-inline-block.d-lg-none {height: 90px!important; }

#sp-header {padding: 0px 50px 0px 50px!important;}

/*this adjusted the display of the offcanvas menu-- not as wide on phone*//*------------------------------*/
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {

display: block;font-size: 16px; padding: 5px 0px;position: relative;line-height: 17px;opacity: 0.7; transition: 0.3s;}

/*------------------------------*/
/*main menu*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {display: inline-block; padding: 0 10px;line-height: 60px;margin: 0; text-transform:uppercase!important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-size: 16px!important; font-weight: normal!important;  text-transform:capitalize!important;}

#sp-menu.col-lg-6 {margin-left: -130px!important;}

/*this pulled up main menu*/
#sp-main-body { padding: 5px 0;}

/*this styled article title*/
.article-list .article .article-header h1, .article-list .article .article-header h1 {
    font-size: 32px!important;   margin: 0 0 1.25rem 0;}

.article-list .article { margin-bottom: 30px; padding: 0px!important; border: 1px solid #f5f5f5;
    border-radius: 3px;}    

h3.sp-module-title {background-color:#3168af!important;color: #FFFFFF!important; padding:10px 0px 10px 10px!important; }

/*#sp-left .sp-module ul > li > a,*/ 
#sp-right .sp-module ul > li > a {display: block;padding: 5px 0; line-height: 20px; padding: 2px 0;}

/*#sp-left .sp-module .sp-module-title,*/ 
#sp-right .sp-module .sp-module-title {/*margin: 0 0 30px;*//*padding-bottom: 10px;*/ padding: 15px; font-size: 22px;font-weight: bold; border-bottom: 0px solid #f3f3f3;	background-color:#3168af!important; color:#FFF!important;}	

/*#sp-left .sp-module,*/ 
#sp-right .sp-module {margin-top:5px!important;border: 1px solid #f3f3f3;padding: 0px 0px 15px 0px!important; border-radius: 3px;}   

/*#sp-left .sp-module, #sp-right .sp-module {    margin-top: 20px;    border: 1px solid #f3f3f3;   padding: 10px 30px 10px 30px!important;   border-radius: 3px;}*/
.btn-success,.btn-success:hover,.btn-success:active,.btn-success:visited,.btn-success:focus { background-color: #3168af!important; border-color: #3168af!important;}

.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:visited,.btn-primary:focus { background-color: #FF0000!important; border-color: #FF0000!important;}

.btn-info,.btn-info:hover,.btn-info:active,.btn-info:visited,.btn-info:focus { background-color: #8bbedd!important; border-color: #8bbedd!important;}

span.badge.bg-danger.featured-article-badge {    display: none;}

#joomlaCarousel .carousel-caption {bottom: 125px;/Ensure captions are visible */}

.carousel-item img {  height: auto;  max-height: 100%;  object-fit: cover;}
.carousel-inner,.carousel-item {  height: auto !important;}
.carousel {  overflow: visible;}
.carousel-caption h1 {text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8);}
.carousel-caption h2,h4,
.carousel-caption p {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);}
.carousel-caption h4 {color:#FFFFFF!important;}

/* Make images fully visible without cropping */
#joomlaCarousel .carousel-item img {width: 100%; height: auto; display: block; }

/* Reduce caption text size on phones */
@media (max-width: 767px) {
    .carousel-caption h1 {font-size: 1.6rem;}
    .carousel-caption h2 {font-size: 1.3rem;}
    .carousel-caption h4 {font-size: 1.2rem;}
    .carousel-caption p {font-size: 0.8rem;}}