h2, div.contentheading {color: #ddd; font-size: 16px !important; font-weight: bold; background-color: #9f5050 !important; padding: 12px 20px 10px 20px !important; border-radius: 5px; display: inline-block;}

#block1 > .inner {margin-bottom: -10px;}

.btn-primary {font-weight: bold;}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 10px; padding-left: 10px; margin-top: 0px;}

.popover {max-width: 500px; min-width: 180px; min-height: 70px;}
.popover-header {color: #222;}

.jmootipper {
  border-bottom: 0.0rem dotted #a0a0a0;
}


joomla-alert[type="danger"] {line-height: 30px;}

#block3copy > .inner {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

/* CONVERT FORMS CSS */

#cf_1 {border: 1px solid #666;}


/* NEWS HEADER CSS */

h5 {width: 100%;
  color: #666;
  text-align: center;
  border-top: 1px solid #666;
  line-height: 0.1em;
  margin: 10px 0 20px;}
  
  h5 span { 
     background:#242424; 
     padding:0 10px; 
     font-size: 1em;
  }
  
  

/* MEMBERSHIP PRO CSS */
.osm-container {color: #ddd; line-height: 24px;}
.osm-container .osm-item-heading-box {background: #556e88; color: #ddd; border: 1px solid #666; padding: 15px 10px 15px 10px;}
.osm-container .osm-item-description {border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; background: transparent;}
.table-bordered th, .table-bordered td {border: 1px solid #666; color: #ddd;}
h1.osm-page-title {font-weight: bold; padding: 0px !important; background: #556e88 !important;}
ul, ol {margin: 0;}
form.form-horizontal ul{line-height: 30px;}
joomla-tab {margin-top: 15px; margin-bottom: 15px;}
joomla-tab > joomla-tab-element {background-color: transparent; border: 1px solid #666;}
joomla-tab[view="tabs"] > div[role="tablist"] {background-color: transparent; box-shadow: none;}
joomla-tab button[role="tab"] {color: #ddd;}
joomla-tab button[aria-expanded="true"]::after {background-color: #5bbbe8; height: 2px;}
.form-actions {margin-bottom: 20px;}
joomla-tab[view="tabs"] > div[role="tablist"] {border: 1px solid #666;}
.table thead th {border-bottom: 2px solid #386d86;}
joomla-tab[view="accordion"] [active] {background-color: transparent;}
joomla-tab[view="accordion"] > button {color: #ddd; background-color: #4e7556;}
joomla-tab[view="accordion"] button {border: 1px solid #666;}
joomla-tab[view="accordion"] joomla-tab-element[active] {border-bottom: 1px solid #666;}
input.inputbox, .registration input, .login input, .contact input, .contact textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background: #444;
  color: #ddd; border: 1px solid #666;
}
.membership-status-os {background-color: #9f5050; ; list-style: none !important; padding-bottom: 5px; }
.table {margin-top: 20px;}

.form-actions {font-weight: bold !important;}

.form-control:disabled, .form-control[readonly] {background-color: #444;}
.osm-container-j4 {border: 1px solid #666; padding: 15px;}

    
.membership-status-os ul, ol {padding: 10px 15px 10px 15px;}

.osm-active-plans-list {list-style: none;}

.text-info {color: #ddd !important; margin: 0; padding: 13px 15px 10px 15px !important;}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {background-color: #1e1e1e;}

.table > :not(caption) > * > * {background-color: #444;}

.table {border-color: #666;}


/* Apply custom styles to the iframe */
iframe {
    width: 100%;
    height: 100%;
    border: none;
}


/* MODULE CONTAINER CSS */

/* Default styles for mobile view (under 768px) */
.module-container {
    display: block; /* Stack elements vertically */
    padding: 0px; /* Add padding for spacing */
}

.module-item {
    border: 1px solid #666; /* Add border to the item */
    margin-bottom: 10px; /* Add separation between items */
    padding: 10px; /* Add padding within the item */
}

/* Tablet and Desktop view */
@media (min-width: 768px) {
    .module-container {
        display: flex; /* Display elements side by side */
    }
    
    .module-item {
        border: 1px solid #666; /* Add border to the item */
        margin-bottom: 0; /* Remove separation between items */
        padding: 10px; /* Add padding within the item */
        flex: 1; /* Equal width for both modules */
        
        /* Add left margin to all but the first item */
        &:not(:first-child) {
            margin-left: 10px; /* Add space between modules */
        }
    }
}


/* MY SHORT LIST CSS */
.myshortlist_button_wrapper {margin-bottom: -50px; margin-top: -8px; text-align: right;}
.myshortlist_item_page {width: 98.5%;}
.myshortlist form {margin: 0 0 3px 0;}
.msl-popup-active {
  padding: 15px 10px 6px 10px; 
  background: #222; 
  border: 1px solid #444;
  min-width: 250px;
  max-width: 250px;
  left: 41%;
}
.heart-icon, .heart-full-icon {background: #333; color: indianred; border: 1px solid #666;}


.button, button, button.btn, input.btn, .btn, .btn-group > .btn.active {padding: 10px 15px 10px 15px; font-size: 13px; text-transform: uppercase; letter-spacing: 0px; font-weight: bold; background: #0074D9; margin-bottom: 15px; margin-left: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {background: #0074D9;}
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover, .button:focus, button:focus, button.btn:focus, input.btn:focus, .btn:focus {background: #0074D9; box-shadow: 1px 1px 12px #ccc; -webkit-box-shadow: 1px 1px 12px #ccc; -moz-box-shadow: 1px 1px 12px #ccc;}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {background-color: #0074D9; border-color: #0074D9;}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: none;}

.pager {margin: 18px 0 42px 0; list-style: none; text-align: center;}
.pager li > a, .pager li > span {background-color: #444444; border: 1px solid #444444; padding: 14px 35px; border-radius: 15px;}
.pager li > a:hover,
.pager li > a:focus {background-color: #444444; border: 1px solid #444444; color: #FFFFFF;}

/* JCE PDF ICON */
.wf-icon-zoom-link > svg {display: none;}

/* MY DROPDOWN */

.mydropdown {margin-top: -13px; margin-bottom: -33px;}
.custom-dropdown {color: #fff; background: #444; border: 1px solid #666; padding: 8px 15px 6px 10px; font-size: 14px; border-radius: 5px;}
.custom-dropdown:focus {color: #fff; background: #444; border: 1px solid #666; padding: 10px 15px 8px 10px; font-size: 14px; border-radius: 5px;}
.custom-dropdown:active {color: #fff; background: #444; border: 1px solid #666; padding: 10px 15px 8px 10px; font-size: 14px; border-radius: 5px;}

/* RESPONSIVE GRID */
.drop-down .label
#Sorts2042 .mix-sorts {width: 5% !important;}
.btn.btn-reset {color: #fff; margin: 1px 0 5px 10px; background: #2b46b3; border: 1px solid #666;}
#Controls2045 .btn.btn-reset:focus {background: #e96d51;}
.mix-controls {margin: -10px 0 6px 0; padding: 0px 0px 0px 126px;}
.mix-filters {width: 100%;}
.drop-down .label {background: none repeat scroll 0 0 #444; border: 1px solid #666;}
.drop-down .label div {color: #fff;}
.drop-down i.fa {color: #fff;}
.mix-filters .drop-down {margin: 2px 0 8px 10px;}
.mix-filters .drop-down ul {background: none repeat scroll 0 0 #444;}
.mix-filters .drop-down li:hover {background: #333;}
#Controls2042 .btn.btn-reset:focus {background: #3d58c4;}
#Controls2042 .btn.btn-reset:hover, #Controls2042 .btn.btn-reset:focus:hover {background: #3d58c4 !important; border-color: #2b46b3!important;}
#Controls2043 .btn.btn-reset:focus {background: #3d58c4;}
#Controls2043 .btn.btn-reset:hover, #Controls2043 .btn.btn-reset:focus:hover {background: #3d58c4 !important; border-color: #2b46b3!important;}
#Controls2044 .btn.btn-reset:focus {background: #3d58c4;}
#Controls2044 .btn.btn-reset:hover, #Controls2044 .btn.btn-reset:focus:hover {background: #3d58c4 !important; border-color: #2b46b3!important;}

/* RESPONSIVE GRID 2042 */

@media (min-width: 1200px) {
  #rga-2042.mix-grid .mix, .gap {
  width: 23.8%;
  max-width: 23.8%;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
    #rga-2042.mix-grid .mix, .gap {
    width: 32%;
    max-width: 32%;
    }
  }

@media (min-width: 768px) and (max-width: 979px) {
  msl-popup-active {left: 35%;}
    #rga-2042.mix-grid .mix, .gap {
    width: 49%;
    max-width: 49%;
    }
  }
   
@media (min-width: 480px) and (max-width: 767px) {
  msl-popup-active {left: 35%;}
    #rga-2042.mix-grid .mix, .gap {
    width: 100%;
    max-width: 100%;
    margin: 0 0 4%;
    }
  }   
   
@media (max-width: 479px) {
  .msl-popup-active {left: 21%;}
    #rga-2042.mix-grid .mix, .gap {
    width: 100%;
    max-width: 100%;
    margin: 0 0 4%;
    }
  }   
   
   
   
/* RESPONSIVE GRID 2043 */
  
  @media (min-width: 1200px) {
    #rga-2043.mix-grid .mix, .gap {
    width: 23.8%;
    max-width: 23.8%;
    }
  }
  
  @media (min-width: 980px) and (max-width: 1199px) {
      #rga-2043.mix-grid .mix, .gap {
      width: 32%;
      max-width: 32%;
      }
    }
  
  @media (min-width: 768px) and (max-width: 979px) {
      #rga-2043.mix-grid .mix, .gap {
      width: 49%;
      max-width: 49%;
      }
    }
     
  @media (min-width: 480px) and (max-width: 767px) {
      #rga-2043.mix-grid .mix, .gap {
      width: 100%;
      max-width: 100%;
      margin: 0 0 4%;
      }
    }   
     
  @media (max-width: 479px) {
      #rga-2043.mix-grid .mix, .gap {
      width: 100%;
      max-width: 100%;
      margin: 0 0 4%;
      }
    }   
/* RESPONSIVE GRID 2044 */
    
    @media (min-width: 1200px) {
      #rga-2044.mix-grid .mix, .gap {
      width: 23.8%;
      max-width: 23.8%;
      }
    }
    
    @media (min-width: 980px) and (max-width: 1199px) {
        #rga-2044.mix-grid .mix, .gap {
        width: 32%;
        max-width: 32%;
        }
      }
    
    @media (min-width: 768px) and (max-width: 979px) {
        #rga-2044.mix-grid .mix, .gap {
        width: 49%;
        max-width: 49%;
        }
      }
       
    @media (min-width: 480px) and (max-width: 767px) {
        #rga-2044.mix-grid .mix, .gap {
        width: 100%;
        max-width: 100%;
        margin: 0 0 4%;
        }
      }   
       
    @media (max-width: 479px) {
        #rga-2044.mix-grid .mix, .gap {
        width: 100%;
        max-width: 100%;
        margin: 0 0 4%;
        }
      }   
/* RESPONSIVE GRID 2045 */
      
      @media (min-width: 1200px) {
        #rga-2045.mix-grid .mix, .gap {
        width: 23.8%;
        max-width: 23.8%;
        }
      }
      
      @media (min-width: 980px) and (max-width: 1199px) {
          #rga-2045.mix-grid .mix, .gap {
          width: 32%;
          max-width: 32%;
          }
        }
      
      @media (min-width: 768px) and (max-width: 979px) {
          #rga-2045.mix-grid .mix, .gap {
          width: 49%;
          max-width: 49%;
          }
        }
         
      @media (min-width: 480px) and (max-width: 767px) {
          #rga-2045.mix-grid .mix, .gap {
          width: 100%;
          max-width: 100%;
          margin: 0 0 4%;
          }
        }   
         
      @media (max-width: 479px) {
          #rga-2045.mix-grid .mix, .gap {
          width: 100%;
          max-width: 100%;
          margin: 0 0 4%;
          }
        }   

/* NEW JF MENU CSS */
.jf_mb_wrap .jf_mb_toolbar ul li a i, .jf_mb_wrap .jf_mb_toolbar ul li .jf_mb_link_a i {font-size: 24px;margin-bottom: 5px; margin-top: 0px;}
.jf_mb_wrap .jf_mb_toolbar ul li a, .jf_mb_wrap .jf_mb_toolbar ul li .jf_mb_link_a {font-size: 10px; font-weight: 400;}
.jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer {background: #444; color: #fff;}
.jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer .jf_mb_c_menu li a {color: #fff; text-transform: uppercase;}
.jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer .jf_mb_c_menu i, .jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer .jf_mb_c_menu svg {font-size: 27px;}
.jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer .jf_mb_c_menu li button {text-transform: uppercase;}
.jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer svg {fill: #FF5733;}
.jf_mb_wrap .jf_mb_backout .jf_mb_backout_drawer .jf_mb_c_menu li a:hover {-webkit-box-shadow: 1px 1px 12px #ccc;}

.jf_mb_l_fab.active {display: none;}




.titles-style {display: inline-block; font-weight: bold; background-color: #9f5050; padding: 10px 20px; border-radius: 5px;}

/* Buttons News CSS */

.button-news {background: #0074D9; padding: 9px 10px 9px 11px; font-size: 15px; font-weight: bold; border-radius: 5px;}
.button-news:hover {background: #0074D9; -webkit-box-shadow: 1px 1px 12px #ccc;}
.button-news:active {background: #0074D9;}
.button-news:focus {background: #0074D9;}

.results-style {font-size: 30px;}|

/* Simple Quiz CSS */

label.sq_label {background-color: transparent; margin: 0 0 0 0;}
label.sq_label input.sq_field {margin-bottom: 2.5px;}
.simplequiz.quiz_list {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 20px;}
.simplequiz.quiz_item {border: 1px solid #444; padding: 0 20px 0; margin-bottom: 0px;}
.simplequiz.quiz_item h3.title {border-bottom: 1px solid #444;}
.question_wrapper {border: 1px solid #999; padding: 20px; background: #333;}
.simplequiz_question_result {border: 1px solid #999; padding: 20px; background: #333;}
.simplequiz_results {background-color: darkslategrey; padding: 8px 20px 5px 20px; border-left: 1px solid #999; border-right: 1px solid #999; margin-top: -8px;}
.simplequiz_fail_text {background-color: brown; padding: 8px 20px 5px 20px; margin: -20px 0 15px 0; border: 1px solid #999;}
.simplequiz_complete_text {background-color: darkslategrey; padding: 8px 0 4px 20px; margin-top: -20px; border: 1px solid #999; margin-bottom: 15px;}
.simplequiz.componentheading.simplequiz_componentheading.page-header {border: 1px solid #999; padding: 15px 20px 10px 20px; background-color: #111; text-align: center; text-transform: uppercase;}
.simplequiz.results_welcome {padding: 0px; margin-top: 15px;}
.simplequiz.result {border: 1px solid #444; padding: 10px 20px 10px 20px; max-width: 250px !important; background-color: #006b5d !important; display: flex; max-width: 1280px !important; margin: 0px 10px 10px 0px !important;}
.simplequiz_question_count {font-weight: bold; font-size: 14pt;}
.simplequiz.result_quiz_name {font-size: 18px !important; margin-right: 10px;}

@media screen and (max-width: 768px) {
h2, div.contentheading {display: block;}