a {
  text-decoration: underline !important;
}

.Head {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: larger;
    padding-left: 5%;
    color: #000000;
}

header .header-body .header-nav-main {
    margin-right: 50px;
}

.heading.heading-border {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px !important;
}

.liveaccporto .ui-accordion .ui-accordion-header a {
    color: #000000;
    font-weight: 500 !important;
    font-family: Montserrat !important;
    font-size: larger !important;
}

.body {
	background-color: #fff;
}

.image-shadow {
    box-shadow: 12px 12px 12px #ccc
}

/* Class Styles for images and articles */

.biocontainer {
    padding: 0px 10px 0px 25px;
	font-family: Montserrat; 
    position: relative;
    display: block;
    margin: 0px 75px 0px 75px;
}

.newscontainer {
    background-color: #fff;
    padding: 10px 10px 0px 25px;
	font-family: Montserrat; 
    position: relative;
    display: table; 
    margin: 0px 20px 0px 20px;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    font-size: 20px;
}

.midmoduletopbar { 
background-color: #7fbfe9; 
min-width: 100%; 
height: 10px; 
position: relative; 
display: block;
}

.midmodulebottombar {
background-color: #7fbfe9; 
min-width: 100%; 
height: 10px; 
position: relative; 
display: flex;
}

.articles-image {
    max-width: 400px; /* Set the maximum width of the image */
    max-height: 100%;
    box-shadow: 8px 8px 8px lightgray;
    width: 100%; /* Ensure the image fills its container */
    height: auto; /* Maintain the image's aspect ratio */
}

.articles-image-container {
    margin: 5px 10px 25px 25px;
    float: right;
}

@media (max-width: 768px) {
    .articles-image-container {
        max-width: 95vw; 
        width: auto;
        margin: 0px 10px 25px 25px;
        float: none;
    }
    .newscontainer {
        width: 98%;
        padding: 0px 0px 8px 0px;
        margin: 0px;
    }
    .articles-image {
        float: none; /* Remove float at 768px and below */
        margin: 0px;
      }

    .articles-image img {
        max-width: 95vw; 
        width: auto; /* Allow the image to scale proportionally */
        height: auto;
    }

    .biocontainer {
            margin: 0px;
    }

}

/* End Class Styles for images and articles */

/* Stats-iframe */



/* remove underline from header menu, slider and livetabs */

#mainMenu > li.dropdown > ul.dropdown-menu > li > a {
    text-decoration: none !important;
}

.body .dnnLogin .dnnLoginService .dnnFormItem>.dnnSecondaryAction, .body .dnnRegistrationForm ul#dnn_ctr_Register_actionsRow li a.dnnSecondaryAction {
    text-decoration: none !important;
}
.body .dnnLogin a.dnnPrimaryAction, .body .dnnRegistrationForm a.dnnPrimaryAction {
    text-decoration: none !important;
}

.ls-slide > a > * {
    text-decoration: none !important;
}

/* header styles */

.nav>li>a {
    text-decoration: none !important;
}

.livetabspinellasclerk .ui-tabs .ui-tabs-nav li a {
     text-decoration: none !important;
}

.header {
  padding: 12px 0px 12px 0px;
}

@media screen and (max-width: 520px) {
    header .header-body .header-nav-main {
        top: -10px;
        position: absolute;
    }

}

 @media (min-width: 400px) {
    .container {
        min-width: 95% !important;
    }
}

@media (max-width: 991px) {
  header .header-nav-main-effect {
    width: 420px !important;
    top: 141px !important;
    left: 0px !important;
  }
}

@media screen and (max-width: 520px) {
header nav ul.nav-main {
    display: block;
    min-width: 95% !important;
}
}

header .logo {
    min-width: 140px !important;
    max-width: 500px !important;
    min-height: 134px !important;
    position: absolute;
    top: -12px;
}


@media (max-width: 1400px) {
    header .logo {
        min-height: 102px !important;
        max-width: 380px !important;
        top: 20px;
    }
}

header .logo img {
    max-width: 100% !important;  
    height: auto !important; 
}

body.sticky-menu-active header .header-body {
    display: none;
}

/* end wide header layout custom */

/* Begin vertical tabs custom */

.tabs-vertical .nav-tabs {
  min-width: 15% !important;
  max-width: 20% !important;
  min-height: 150px !important;
  font-weight: bold !Important; 
}

.tabs.tabs-vertical.tabs-left .nav.nav-tabs.col-sm-3 > li > a {
    text-decoration: none !important;
}


/* end vertical tabs custom */

html.boxed .body {
    background-color: #fff !important;
}

 ul.social-icons li.twitter {
	background-position: 0 -1170px !important;
 }
 ul.social-icons li.twitter:hover {
    opacity: .6 !important;
    transition: .5s ease;
    backface-visibility: hidden;
}

 ul.social-icons li.youtube {
	background-position: 0 -1410px !important;
 }

 ul.social-icons li.youtube:hover {
    opacity: .6 !important;
    transition: .5s ease;
    backface-visibility: hidden;
}

ul.social-icons li.facebook {
	background-position: 0 -150px !important;
}
ul.social-icons li.facebook:hover {
    opacity: .6 !important;
    transition: .5s ease;
    backface-visibility: hidden;
}

.CommitmentContainer { 
	position: relative; 
	background-color: #fff; 
	border-radius: 7px; 
	border-style: solid; 
	border-color: #820025;
	border-width: 2px; 
	width: 100%; 
	font-family:Arial; 
	padding-top: 12px;
	margin-top: 12px;
    margin-bottom: 12px;
} 

p.CommitHead { 
	font-size: 24px; 
	color: #820024; 
} 

p.CommitBackgroundTop { 
	background-color: #820024; 
	font-size: 24px; 
	color: white; 
} 

p.CommitBackgroundMid { 
	background-color: #820024; 
	font-size: 18px; 
	color: white; 
} 

p.CommitLineSpace { 
	line-height: 150%;
	margin-bottom:8px;
} 

p.CommitIndent { 
	padding-left: 7px; 
	font-size: 14px; 
} 

ul.CommitIndent { 
	padding-left: 25px; 
	padding-right: 25px; 
	line-height: 100%; 
	font-size: 12px; 
}

.Shadow-Box {
	display: block;
}

.tabs.tabs-simple .nav-tabs>li a, .tabs.tabs-simple .nav-tabs>li a:hover, .tabs.tabs-simple .nav-tabs>li a:focus {
  color: green;
}
.porto .post-image img {
  display: none !important;
}

.featured-box {
  max-height: 60px;
  min-height: 60px !Important;
}

.HoverMenuContainer {
    width: 99.999%;
    display: table;
    margin: 0 auto;
}

.HoverMenu {
     float: left;
     padding: 7px 5px;
     position: relative;
     background-color: #820025;
     width: 16.6665%;
     height: 80px;
     overflow: hidden;
     font-size: 22px;
}
.HoverMenuTest {
     float: left;
     padding: 3px 3px;
     position: relative;
     background-color: #820025;
     width: 14.285%;
     height: 80px;
     overflow: hidden;
     font-size: 20px;
}
.HoverMenuTestButton {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
 @media only screen and (max-width: 800px) {
     .HoverMenu {
         padding: 8px 3px;
         width: 50%;
         height: 60px;
         font-size: 16px;
    }
     .LinkText {
         line-height: 1.25em;
         padding: 2px 0px 0px 0px;
         font-weight: bold;
         font-size: 8px 
    }
    .fullframe {
         display:none !Important;
    }
    .innerframe {
         display:inline !important;
    }
}

 @media only screen and (max-width: 1280px) {
     .innerframe {
         display: inline !important;
    }
    .fullframe {
         display:none !Important;
    }
}

 @media only screen and (max-width: 540px) {
     .HoverMenu {
         width: 100%;
    }
     .innerframe {
         display: inline !important;
    }
    .fullframe {
         display:none !Important;
    }
}

 .HoverMenu:hover {
     opacity: 0.7;
     border: solid white;
}
 .HoverMenuTest:hover {
     opacity: 0.7;
     border: solid white;
}
 .HoverMenuTestButton:hover {
     opacity: 0.7;
     border: solid white;
}
 .LinkIcon {
     line-height: 1em;
     color: white;
     text-align: center;
   padding: 10px 0px;
}
 .LinkIcon a {
     color: inherit;
}
 .LinkText {
     color: white;
     text-align: center;
     padding: 3px 0px 0px 0px;
     font-weight: bold;
     font-size: 14px 
}
 a.block, a.block > span {
     display: block;
}

a.block:hover, a.block:focus, a.block:link, a.block:visited {
    text-decoration: none !Important;
    color: white;
}
.featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured {
  font-size: 22px !important;
  height: 40px !important;
  width: 40px !important;
  line-height: 40px !important;
  box-shadow: 2px 2px 5px #dfdfdf;
}

.m-none {
  margin-bottom: -20px !Important;
  margin-top: -10px !Important;
}

.box-content.p-none.m-none>.icon-featured.fa:hover {
  color: white ;
  background: #820025 ;
}

.active .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured  {
  color: white !Important;
  background: #820025 !Important;
}

.nav-tabs li a {
    font-size: 16px !important;
}

.tabs.tabs-pay .nav-tabs>li a, .tabs.tabs-pay .nav-tabs>li a:hover, .tabs.tabs-pay .nav-tabs>li a:focus {
  border: 0;
  border-radius: 0;
  font-size: 12px;
  background: none;
  margin: auto;
}

.tab-content {
  box-shadow: none !important;
  border-top: 0 !important;
  padding: 10px !important;
  border: none !important;
}

@media (max-width: 768px) {
  .tab-content {
    padding: 3px !important;
  }
}

.featured-boxes-pay li a:hover, .featured-boxes-pay li a:focus {
  color: white !important;
  background: #820025 !important;
}

.tabs.tabs-bottom-pay .nav-tabs li a, .tabs.tabs-bottom-pay .nav-tabs li a:hover {
  border-bottom: 0px solid #eee;
  border-top: 0px solid #eee;
}

body>#header a {
  font-size: 1.2em !important;
}

header nav ul.nav-main ul.dropdown-menu>li>a {
  color: #000000 !important;
}

@media only screen and (max-width: 991px) {
header nav ul.nav-main ul.dropdown-menu>li>a {
  color: #ffffff !important;
}

}
.header nav ul.nav-main>li li {
  background-color; #f5f1e9 !important;
}

.header nav ul.nav-main li a {
    background-color; #f5f1e9 !important;
}

.dropdown {
    background-color; #f5f1e9 !important;
}

.SearchMobile {
  display: none;
}

::placeholder {
    color: #55a4dd;
    opacity: 1; /* Firefox */
  font-weight: bold;
}

body.sticky-menu-active header .social-icons {
  margin-top: 6px !important;
}

header div.search input.NormalTextBox {
  border: 2px outset #4b545b !important;
  font-size: 18px !important;
}

.thumbnail {
  border: none !important;
}

.dnnSearchResultAdvancedTip {
  margin: 10px 6px 0 0;
}

tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.sticky {
  position: -webkit-sticky !important;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky !important;
  top: 0px !important;
  display: inline-block;
}

.header nav ul.nav-main>li>a {
  color:#820025 !important;
  background:transparent;
}

<!-- FullCalendar.min.css -->
.fc-event {
  font-size: .85em !important;
  line-height: 1em !important;
  min-height: 1em; !important;
}

.fc-event .fc-bg {
  background: none !important;
}

.btn-green {
  background: green !important;
  background-image: linear-gradient(to bottom, #b6fab6 0%, #6fc46f 100%) !important;
  background-color: darkgreen !important;
  text-shadow: none !important;
  border-color: #9fe79f  !important;
  color: #0e0e0e;
}

.btn-green:hover {
  background-image: linear-gradient(to bottom, #6fc46f 0%,  #9fe79 100%) !important;
  border-color: #b6fab6 !important;
}


.HoverMenu-SH { 
  float: left; 
  padding: 15px 5px; 
  position: relative; 
  border: 0px;
  background-color: #820025 !important; 
  width: 32%; 
  height: 100%; 
  overflow: hidden; 
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
} 

.HoverMenu-SH-Text a {
  font-size: 20px; 
  color: white;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 800px)
{ 
.HoverMenu-SH { 
padding: 8px 3px; 
width: 50%; 
height: 30px; 
font-size: 16px;
}
}
 
@media only screen and (max-width: 540px)
{
.HoverMenu-SH { 
width: 100%; 
} 
}
.HoverMenu:hover { 
opacity: 0.7; 
} 

.ContentWrapDark {
  background-color: #820025;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.social-icons.social em {
  color:#820025 !important;
}

.search .et_top_search {
  color:#820025 !important;
}

.login_popup .fa-user {
  color:#820025 !important;
}

.topBar {
  background: #820025;
}

.header {
  background: #f5f4f2;
}

    #dnn_pnav > li > a, #dnn_pnav > li > span {
        color: #820025 !important;
    }


.sidemenulink {
  	color: #1d1dff !important;
    font-size: 18px;
  	font-weight: bold;
  	font-family: Arial;
  	line-height: 24px;
	margin-top: 4px;
    margin-bottom: 8px;
	text-decoration: none;
}

.innerframe
{
  display: none;
  height: 950px;
  margin: 0px 0px 0px -32px; 
}

.picture-link:hover {
    opacity: .6 !important;
    transition: .5s ease;
    backface-visibility: hidden;
}

.body>#footer .footer-copyright { 

	background: #f5f1e9 !important; 
	border-top: 4px solid #820025;
	border-bottom: 4px solid #820025;
}

.body>#footer {
	background: #f5f1e9 !important;
}

.body>#footer h1,
.body>#footer h2
{
	color: #820025 !important;
	margin-top: -25px;
}

.body>#footer h3, 
.body>#footer h4
{
    color: #0e0e0e !important;
}

.body>#footer a 
{
    color: #820025 !important;
}

html footer.color-dark .footer-ribbon:before {
  border-right-color: #820025;
}

.post-date, .post-meta, .porto .CommentForm .newheading, .mrssfeeds {
    height: 0px;
    width: 0px;
    display: none;
    visibility: hidden;
}

.PrimaryHeader {
   color: #820024;
   font-size: 32pt;
   font-weight: bold;
   font-family: Montserrat;
   line-height: 30px;
   margin-top: 30px;
   margin-bottom: 30px;
   font-variant: small-caps;
   text-transform: capitalize;
   text-align: center;
}

.porto h2.la-title {
   color: #820024;
   font-size: 32pt;
   font-weight: bold;
   font-family: Montserrat;
   line-height: 40px;
   margin-top: 30px;
   margin-bottom: 30px;
   font-variant: small-caps;
   text-transform: capitalize;
   text-align: center;
   margin-left: 4%;
}


p {
color:#000000;
}

.moduletopbar {
  background-color: #820025;
  width: 100%;
  height: 9px;
  position: relative;
  margin: -2px 0px -2px 0px;
}