/**************************/
/* CUSTOM.CSS MRC WEBSITE */
/**************************/
/*--- INDEX ---
MISC CUSTOM CLASSES
HEADERS H1
MENUS
FORMS
LINKS
MODULES AND EXTENSIONS
SYSTEM MESSAGES
PAGE SPECIFIC ITEM
SPPB ADD-ONS
LISTS
SPPB and HELIX OVERRIDES
ROWS AND COLUMNS
ARTICLE SETTINGS
CUSTOM FIELDS
EXTENSIONS - CUSTOM TABLES 
*REMOVE* - Items to remove at some point
*/


/*********************/
/* VARIABLES - shows as error in cPanel but works */
/* Cant get to work - --mrc-gradient-colors-button-primary: #6b82a2, #425269 */
/*--- COLOURS ---*/
:root {
  --mrc-bkg-yellow:             #f4f4ea;
  --mrc-bkg-forms:              #bfc9d7;
  --mrc-bkg-body:               #d7dde6;
  --mrc-bkg-title:              #3a495d;
  --mrc-bkg-col-default:        #fcfcfd;
  --mrc-bkg-col-yellow:         #ededdd;
  --mrc-bkg-article-imgs:       #778caa;
  --mrc-bkg-row-yellow:         #ededdd;
  --mrc-bkg-row-green:          #e4edee;
  --mrc-bkg-row-light-blue:     #b3bfcf;
  --mrc-bkg-msgs:               #f4f4ea;
  --mrc-bkg-msgs-positive:      #c5d5d7;
  --mrc-bkg-msgs-negative:      #ff9514;
  --mrc-bkg-table-header:       #5b666d;
  --mrc-bkg-page-message:       #f4f4ea;
  --mrc-bkg-grey-light:         #d6dadd;
  --mrc-bkg-menu:               #242c39;
  --mrc-bkg-body-home:          #b3bfcf;
  --mrc-color-labels:           #1c232d;
  --mrc-color-labels-yellow:    #c5c38f;
  --mrc-color-links:            #2b4a5f;
  --mrc-color-menu:             #ffffff;
  --mrc-color-headers:          #2b3645;
  --mrc-color-headers-dark:     #151a21;
  --mrc-color-tags:             #e7e6d0;
  --mrc-color-text-dark-bkg:    #ffffff;
  --mrc-color-text-default:     #000000;
  --mrc-color-article-border:   #647077;
  --mrc-color-table-header:                     #e0dfc3;
  --mrc-color-accord-green-head:                #e7e6d0;
  --mrc-color-border-messages:                  #242c39;
  --mrc-color-text-messages:                    var(--mrc-color-text-default);
  --mrc-color-grey-dark:                        #373e42;
  --mrc-color-borders:                          #3a495d;
  --mrc-logo-blue:                              #425269;
  --mrc-gradient-colors-button-primary:         #6b82a2 10%, #425269 100%;
  --mrc-gradient-colors-button-primary-hov:     #425269 10%, #333f51 100%;
  --mrc-gradient-colors-button-secondary:       #486568 10%, #384f51 100%;
  --mrc-gradient-colors-button-secondary-hov:   #384f51 10%, #28383a 100%;
  --mrc-box-shadow:                             0 0 0 0 #d7dde6;
}

/*--- FONTS ---*/
:root { 
  --mrc-font-headers:    Georgia;
  --mrc-font-size-h1:    2.25rem;
  --mrc-font-size-h2:    2rem;
  --mrc-font-size-h3:    1.75rem;
  --mrc-font-size-h4:    1.5rem;
  --mrc-font-size-h5:    1.3rem;
  --mrc-font-size-h6:    1.025rem;
  --mrc-font-size-hcust: 1.1rem
  --mrc-font-body:       Tahoma;
  --mrc-font-size-body:  1em;
}

/*--- NUMERICS ---*/
:root {
    --mrc-body-padding-top:         15px;
    --mrc-body-padding-bottom:      25px;
    --mrc-border-width-messages:    2px;
    --mrc-header-margin-bottom:     10px;
}  

/*** END VARIABLES ***/
/*********************/


/*******************************/
/*** NEW ENTRIES AND CHANGES ***/

/*
.com-users .login > .row.justify-content-center > .col-lg-4 {
  width: 99%;
}
.registration {
    width: 99%;
}
*/

.mrc-feature-box-bold-single-line .sppb-addon-text {
    font-weight: 700;
    font-size: var(--mrc-font-size-hcust);
    color: var(--mrc-color-headers);
    padding-top: 5px;
}

/*** END NEW ENTRIES AND CHANGES ***/
/***********************************/

/*** SP PAGE BUILDER/HELIX/BOOTSTRAP OVERWRITES ***/
/*--- URLS/LINKS ---*/
/*--- Added 2023.11.18 - Link under Game search not showing up .sppb-addon ---*/
a:not(.sppb-btn) {
 	text-decoration: underline;
	font-weight: bold;
	color: var(--mrc-color-links);
}
a:hover {
	font-style: italic;
}

a.dropdown-item,  a.dropdown-item:hover{
    text-decoration: none;
	font-weight: normal;
    color: var(--mrc-color-text-default);
}

/*-- Require to remove from off-canvas Menu Items ---*/
/*-- NEEDS to be under above --*/
.menu-child>li>a,
.tags>li>a {
    text-decoration: none;
}
/*** END URLS/LINKS ***/

/*--- MENU OVERWRITES ---*/
.sp-menu-separator {
    color:var(--mrc-color-menu);
}
/*--- Footer Menu - Copyright - reduce font ---*/
.sp-copyright {
    font-size: 10px;
}
/*--- Off-Canvas Menu - Expands the submenus by default --- */
.menu-parent .menu-child{
    display: block !important;
}
.menu-parent .menu-toggler{
    display: none !important;
}
/*--- Changes the color of the burger icon (open and close) to white ---*/
.burger-icon>span, .offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span { 
    background-color: #4f89b0;
}
/*--- Logo container margin and padding ---*/
#sp-logo.has-border {
    padding-right: 20px !Important;
}
/*--- Fix Logged-in Menu ---*/
.sp-profile-wrapper .sp-profile-dropdown {
  top: 10px;  padding: 5px 15px !important;
}
/*--- FORMS OVERERITES ---*/
/*--- Login/Registration Fix from JS-Paul ---*/
.com-users .login > .row.justify-content-center > .col-lg-4 {
  width: 50%;
}
.registration {
  width: 99%;
}
/* FOOTERS AND BOTTOMS OVERWRITES */
/*--- Footer Hyperlink Color ---*/
#sp-footer a, #sp-bottom a {
    color: #e4edf3;
}
/*--- Footer Padding  ---*/
#sp-footer .container-inner {
    padding: 25px;
}
/*--- Footer Container Size, so the Left Right align work (MAY NEED IMPoRTANT BACK)---*/
#sp-footer > .container {
  max-width: 100% ;
}
/*--- PAGE TITLE OVERWRITES ---*/
/*--- This might also affect Textblock Headers*/
/*--- TEMP CHANGE 2023-09-02 as I gave Top Margin via  ---*/
.sppb-addon-title {
    margin-bottom: 0px;
}
/*  Title from Menu > Page Title and custom MODULEtitle*/
/*--- Title Section ID > Title Component in it ---*/
#sp-page-title {
    margin: 0px;
    padding: 0px;
}
#sp-page-title, #sp-page-title .sp-page-title {
    background-color: var(--mrc-bkg-title);     
}

/*--- Temp fix for old articles, tweaks background ---*/
.sppb-article-page-wrapper .sppb-col-md-8 .sppb-column:not(.mrc-col-article-default),
    .sppb-article-page-wrapper .sppb-col-md-12 .sppb-column:not(.mrc-col-article-default) {
    background-color: var(--mrc-bkg-col-default) !Important ;
} 

/*--- H1 > H2 size ---*/
.sp-page-title .sp-page-title-heading, .mrc-heading-title .sppb-addon-title { 
    font-size: 2rem;
    line-height: 1;
    color: var(--mrc-color-text-dark-bkg);

}
/*--- H2 > H6 size ---*/
.sp-page-title .sp-page-title-sub-heading, .mrc-heading-sub-title>.sppb-addon-title{
    font-size: 1rem;
    font-weight: normal;
    color: var(--mrc-color-text-dark-bkg);
    font-family: Tahoma;
}

/*--- Fixes solid white border around all modules ---*/
#sp-left .sp-module, #sp-right .sp-module {
    border: 0px
}

/*--- COntact Form ---*/
.sppb-form-check-label a {
    text-decoration: underline;
	font-weight: bold;
    color: var(--mrc-color-links);
}
.sppb-form-check-label a:hover{
	font-style: italic;
}

/*---  Browse Categories - Category List (Also affect Tags List) ---*/
#categorylist_header_title a,
#categorylist_header_date a,
#categorylist_header_author a,
#categorylist_header_hits a {
	text-decoration: none;
	font-weight: bold;
	color: var(--mrc-color-text-dark-bkg);
}
.category tbody>tr {
    border: 0 none transparent;
    background-color: var(--mrc-bkg-col-default);
 }
.category tbody>tr a:hover, .category tbody>tr a:active{
	text-decoration: italic;
 }

/*--- Category Resource List ---*/
/*--- See LINKS section */
.category thead>tr {
    border: 0 none transparent;
    background-color: var(--mrc-bkg-title);
}

/*--- Accordion ---*/
.sppb-accordion-icon-wrap i {
    margin-right: 8px;
}
/*--- Accordion FAQ - Arrow ---*/
.sppb-panel-faq>.sppb-panel-heading .sppb-toggle-direction {
    color: #252525 !important;
}



/*--- KEEP ------------- Breadcrumbs NOT APPLICABLE AS NOT USING THEM
.mrc-module-breadcrumbs {
    background-color:  #3a495d;
}
.sp-page-title .breadcrumb>span, .sp-page-title .breadcrumb>li, .sp-page-title .breadcrumb>li+li:before, .sp-page-title .breadcrumb>li>a {
    color: #a1aab1;
}
Current Page 
.sp-page-title .breadcrumb>.active {
    color: #ccd1d4;
}
Adjust the margin for Map Marker icon
.breadcrumb .float-start {
    margin-top: 0px;
}
---*/
/*** END SP PAGE BUILDER/HELIX/BOOTSTRAP OVERWRITES ***/


/* SYSTEM MESSAGES */
#system-message-container joomla-alert {
    font-size: .95rem ;
    font-weight: 500 ;
    font-style: italic;
    margin: .5rem !Important;
}
#system-message-container joomla-alert[type=success]  {
    background-color: var(--mrc-bkg-msgs-positive);
    color: var(--mrc-color-text-messages) ;
    border-style: solid ;
    border-color: var(--mrc-color-border-messages);
    border-width: var(--mrc-border-width-messages);
}

#system-message-container joomla-alert[type=info]  {
    background-color: var(--mrc-bkg-msgs);
    color: var(--mrc-color-text-messages) ;
    border-style: solid ;
    border-color: var(--mrc-color-border-messages);
    border-width: var(--mrc-border-width-messages);
}

#system-message-container joomla-alert[type=danger]  {
    background-color: var(--mrc-bkg-msgs-negative);
    color: var(--mrc-color-text-messages) ;
    border-style: solid ;
    border-color: var(--mrc-color-border-messages);
    border-width: var(--mrc-border-width-messages);
}
/*** END SYSTEM MESSAGES ***/


/*** HEADERS H1 > H6, BODY and LABEL (bootstrap values, mostly) ***/
.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5{
    font-family: Georgia;
    font-weight: bold;
    color: var(--mrc-color-headers);
}
.h6, h6 {
    font-family: Tahoma !Important;
    font-weight: bold;
    color: var(--mrc-color-headers);
}
/*--- Bootstrap Sizes ---*/
.h1, h1 {
    font-size: var(--mrc-font-size-h1);
}
.h2, h2 {
    font-size: var(--mrc-font-size-h2);
}
.h3,h3 {
    font-size: var(--mrc-font-size-h3);
}
.h4,h4 {
    font-size: var(--mrc-font-size-h4);
    margin-bottom: 10px;
}
/*--- Add Top Margin 2023-09-02 - they are usually embedd in text ---*/
.h5,h5 {
    font-size: var(--mrc-font-size-h5);
    margin-bottom: 5px  !Important;
}
.h6, h6 {
    font-size: var(--mrc-font-size-h6);
    margin-bottom: 5px;
}
.body, body {
    color: var(--mrc-color-text-default);
    background-color: var(--mrc-bkg-body);    
    font-family: var(--mrc-font-body), Helvetica, Arial, Sans-serif ;
    font-size: var(--mrc-font-size-body);
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}
.label, label {
    font-weight: 600;
    color: var(--mrc-color-labels);
    
}
/*** END HEADERS H1 > H6, BODY and LABEL ***/

/* MISC CUSTOM CLASSES */
/*--- Message above the Article Tags ---*/
.mrc-tags-message {
    font-family: var(--mrc-font-headers);
    font-weight: 600;
    font-size: var(--mrc-font-size-hcust);
    color: var(--mrc-color-headers);
    margin-bottom: 10px;
    padding-left: 15px;
}

/*--- ??? Used to add space between 2 elements ---*/
.mrc-push-down {
    margin-top: 1rem !Important;
}

/*--- Biggles Text ---*/
.pftf-biggles-own-words, 
    .pftf-biggles-essentials,
    .pftf-biggles-signature-sm,
    .mrc-biggles-at-work, 
    .mrc-biggles-signature-sm,
    .mrc-biggles-signature-lg {
    font-family: "Brush Script MT", cursive;
    font-style: italic;
    color: var(--mrc-color-headers);
}
.pftf-biggles-own-words, 
    .pftf-biggles-essentials {
    font-weight: 600;
    font-size: 1.2rem;
}
.pftf-biggles-signature-sm,
    .mrc-biggles-signature-sm {
    font-weight: 600;
    font-size: 1.1rem;
}
.mrc-biggles-signature-lg,
    .mrc-biggles-at-work {
    font-weight: 700;
    font-size: 2rem;
}
/*** END MISC CUSTOM CLASSES ***/

/* AFTER TESTING MOVE UP INTO ABOVE ENTRIES */
/*--- Add bottom margin to HEADERS, need to test as I go ---*/
/*--- H4 is start of every Row usually followed by text ---*/
.mrc-heading-default h4, .mrc-heading-default .h4    {
    margin-bottom: var(--mrc-header-margin-bottom);
}

/*--- Menu Search Box margin: 0px !Important; ---*/
.mrc-row-search-menu {
    margin-right: 0px ;
}
.mrc-row-search-menu .label{
    margin: 0 7px 0 0;
    color: var(--mrc-color-labels-yellow) !Important;
}

/* Needs to be at form level, not label */
.mrc-form-label-default .control-label  {
    color:var(--mrc-color-labels) ;
    font-weight: bold;
}

/*---Contact Form ---*/
.mrc-row-contact-form .mrc-col-only-one-default  {
    background-color: var(--mrc-bkg-forms);
    border-width: 2px;
    border-style: double;
}

.mrc-row-module-title  {
    margin: 0px;
    padding: 15px 0px;
}
/*** END LINKS ***/

/* MODULES AND EXTENSIONS */
/*--- DJ -ACCESSIBILITY ---*/
/* This is in Template Option, fixes
   issue where an orange border shows up 
   around sliders
:focus-visible {
    outline: 0px solid blue !important;
    outline-offset: -2px!important;
}
/*

/*--- jDOWNLOADS ---*/
.jd-item-page img {
    display: inline-block;
}


/*--- MINITEK SLIDER ---*/
/*--- Class will be in SPPB Wrapper Addon ---*/
/*--- Slider - Search FO4 -  ---*/
.mrc-row-hp-slider-owners, .mrc-row-slider-fo4-search,
            .mrc-row-slider-starfield-search {
    background-color: var(--mrc-bkg-title);
    padding-left: 50px !Important;
    padding-right: 50px !Important;
    padding-bottom: 20px !Important;
}
.mrc-row-slider-fo4-search, .mrc-row-slider-starfield-search {
    margin-top: 20px;
}
.mrc-slider-search{
    margin-top: 20px;
}

/*--- From Minitek - those margin auto was googling to center the images ---*/
.mrc-slider-search .mslider-photo-link img {
  height: 100%;
  width: auto;
  object-fit: none;
  margin: auto;
  max-height: 100px !important;
}
/*--- Match Home Slider to Search 2023-09-05 ---*/
.mrc-slider-home-owners .mslider-photo-link img {
  height: 100%;
  width: auto;
  object-fit: none;
  margin: auto;
  max-height: 100px !important;
}
/*** END MODULES AND EXTENSIONS ***/

/* PAGE SPECIFIC ITEMS */
/*--- Home Page ---*/
/*--- Includes Rows and Columns ---*/
.mrc-row-hp {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
}
.mrc-row-hp-embedded {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}
/*--- Padding is to push content more to ctr since it title now ---*/
/*--- Made its module/title as system msgs where showing above it ---*/
.mrc-row-hp-welcome {
    padding-left:0px;
    padding-right:50px;
    background-color: var(--mrc-bkg-title);
}
.mrc-col-hp-welcome-img {
    padding-top:10px;
}
.mrc-col-hp-welcome-text {
    padding-top:30px;
    color: var(--mrc-color-text-dark-bkg);
}
/*-- Needed to overwrote default url formatting*/
.mrc-col-hp-welcome-text a {
    color: var(--mrc-color-text-dark-bkg) !Important;
}
.mrc-heading-hp-mrc h1 {
    color: var(--mrc-color-text-dark-bkg);
    font-size: 1.9rem !Important;
    padding-bottom:10px;
}
.mrc-row-hp-owners-users, 
    .mrc-row-hp-contributions, 
    .mrc-row-hp-search, 
    .mrc-row-hp-affiliates, 
    .mrc-row-hp-rules,
    .mrc-row-hp-whats-new {
    background-color: #b3bfcf;
}
.mrc-row-hp-search {
    text-align: center;
}
.mrc-row-hp-search .mrc-feature-box-default {
    margin-top: 50px;
}
/*--- Home Page Columns ---*/
.mrc-col-hp {
    border-radius: 10px;
    border-width: 1px;
    padding: 15px;
}
.mrc-col-hp-no-padding {
    border-radius: 10px;
    border-width: 1px;
    padding: 0px;
}
.mrc-col-hp-owners, .mrc-col-hp-users, .mrc-col-hp-affiliates,.mrc-col-hp-search {
    background-color: #f0f2f5;
}
.mrc-col-hp-affiliate{
    background-color: #dce6e7;
}
.mrc-text-hp-stats {
    color: var(--mrc-color-labels-yellow); 
    font-weight: 600;
    font-size: 1.1rem;
    padding-bottom: 20px;
 }
/* Home Page Game Buttons*/
.mrc-row-hp-search .mrc-text-hp-stats-game {
    color: var(--mrc-color-headers); 
    font-weight: 600;
    font-size: 1.1rem;
    padding-top: 5px;
 }
.mrc-row-hp-search .mrc-image-game-buttons .sppb-addon-content{
    margin-top: 5px;
}


/*** END PAGE SPECIFIC ITEMS ***/

/* SPPB ADD-ONS */
/*--- Accordion - Default - USE MODERN ---*/
/* mrc-accordion-default mrc-accordion-green */
.mrc-accordion-default {
    margin: 5px 0 0 0 0;
    padding: 10px;
}
.mrc-accordion-default .sppb-addon-title {
    margin: 0px 0px 10px 0px  ;
}
.mrc-accordion-default .sppb-panel-title {
    font-size: 17px ;
    font-weight: 600 ;
    font-family: Arial, sans-serif;
    
}
/*--- Accordian - Change the gutter between panels ---*/
.mrc-accordion-default .sppb-panel {
    margin-bottom: 3px;
}
.mrc-accordion-default .sppb-panel-body {
    padding: 10px;
}
.mrc-accordion-default .sppb-panel-body .sppb-addon-wrapper{
    margin: 0px !Important;
}

/*--- Accordiang Column- when needed - yellow for now ---*/
.mrc-col-accordion  {
    background-color: var(--mrc-bkg-col-yellow);
    border-width: 1px;
    border-color: var(--mrc-bkg-col-yellow);
    border-style: solid;
    border-radius: 10px;
}

/* NEED TO REMOVE BORDER IN DEFAULT AND ADD AS SPECIAL CLASS */
/*--- Accordian border and round the edges a bit ---*/
.mrc-accordion-default .sppb-panel-group,
    .mrc-accordion-green .sppb-panel-group {    
    border-width: 2px;
    border-style: double;
    border-radius: 5px;
}

/*--- For accoridans when hide details (textbox) until expanded, used to save space ---*/
.mrc-accordion-hide-details .sppb-panel-group {
    border-width: 0px !Important;
}
.mrc-accordion-hide-details .sppb-panel-title {
    color: var(--mrc-color-headers);
}

/*** Can't use -default becuase of the border stuff ***/
.mrc-accordion-hide-details .sppb-panel-title {
    font-size: 17px ;
    font-weight: 600 ;
    font-family: Arial, sans-serif;
}

.mrc-accordion-hide-details .sppb-panel-faq>.sppb-panel-heading .sppb-toggle-direction {
    color: var(--mrc-color-headers) !Important;
}
.mrc-accordion-hide-details .sppb-panel {
    margin-bottom: 0px !Important;
}
.mrc-accordion-hide-details .sppb-panel-heading {
padding: 0px 30px 0px 15px
}

.mrc-accordion-search-tips .sppb-panel-group {
    border-width: 0px !Important;
}
.mrc-accordion-search-tips .sppb-panel-title {
    color: var(--mrc-color-headers);
}
.mrc-accordion-search-tips .sppb-panel-faq>.sppb-panel-heading .sppb-toggle-direction {
    color: var(--mrc-color-headers) !Important;
}
    
.mrc-accordion-search-tips .sppb-panel {
    margin-bottom: 0px !Important;
}
.mrc-accordion-default .sppb-panel-body {
    padding: 10px;
}    
.mrc-accordion-search-tips .sppb-panel-heading {
padding: 0px 30px 0px 15px
}

/*--- Accordian Panel - Newspaper/FAQ color: var(--mrc-color-headers-dark); ---*/
.mrc-accordion-news .sppb-panel-group{    
    border-color: var(--mrc-color-grey-dark);
}
.mrc-accordion-news .sppb-panel-heading {
    background-color: var(--mrc-bkg-grey-light) ;
    color: var(--mrc-color-headers-dark);
}
.mrc-accordion-news .sppb-panel-body {
    background-color: var(--mrc-bkg-col-default);
    color: var(--mrc-color-text-default);
}
/*--- Accordian Panel - Grey ---*/
/*Panel - Grey - #6d7a82, #76848c - #647077, ##5b666d - #495257https://www.colorhexa.com/6d7a82 */
.mrc-accordion-grey .sppb-panel-group{    
    border-color: var(--mrc-color-grey-dark);
}
.mrc-accordion-grey .sppb-panel-heading {
    background-image: linear-gradient(0deg, #647077  10%, #5b666d 100%);
    color: var(--mrc-color-text-dark-bkg);
}
.mrc-accordion-grey .sppb-panel-body {
    background-color: var(--mrc-bkg-col-default);
    color: var(--mrc-color-text-default);
}
/*--- Accordian Panel - Red ---*/
.mrc-accordion-red .sppb-panel-group{    
    border-color: #461919;
}
.mrc-accordion-red .sppb-panel-heading {
    background-image: linear-gradient(0deg, #8e3333  10%, #712828 100%)  !Important;
    color: var(--mrc-color-text-dark-bkg)  !Important;
}
.mrc-accordion-red .sppb-panel-body {
    background-color: var(--mrc-bkg-col-default);
    color: var(--mrc-color-text-default);
}
.mrc-accordion-red-textblock {
    color: var(--mrc-color-text-default);
}
/*--- Accordian Panel - Blue ---*/
.mrc-accordion-blue .sppb-panel-group{    
    border-color: #242c39;
}
.mrc-accordion-blue .sppb-panel-heading {
    background-image: linear-gradient(0deg, #4a5b75  10%, #333f51 100%) !Important;
    color: var(--mrc-color-text-dark-bkg)  !Important;

}
.mrc-accordion-blue .sppb-panel-body {
    background-color: var(--mrc-bkg-col-default);
    color: var(--mrc-color-text-default);
}
.mrc-accordion-blue-textblock {
    color: var(--mrc-color-text-default);
}
/*--- Accordian Panel - Green ---*/
/*Panel - Green #e0dfc3 #d3d1a9 #f3f7f7*/
.mrc-accordion-green .sppb-panel-group{    
    border-color: #28383a;
}
.mrc-accordion-green .sppb-panel-heading {
    background-image: linear-gradient(0deg, #405a5d 10%, #304346 100%)  !Important;
    color: var(--mrc-color-accord-green-head) !Important;
}
.mrc-accordion-green .sppb-panel-body {
    background-color: var(--mrc-bkg-col-default);
    color: var(--mrc-color-text-default);
}


/*--- BUTTONS and GROUPS - SPPB Primary and Secondary---*/

/*--- Blue - EXTERNAL LINKS --- #6b82a2 0, #425269 100%*/
.btn-primary, .sppb-btn-success  {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-primary) );
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;
}
.btn-primary:hover , .sppb-btn-success:hover,
                     .btn-primary:active ,
                     .sppb-btn-success:active {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-primary-hov));
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;
}

/*--- Search Button - and other form button which would be local ---*/
/*--- Green INTERNAL LINKS ---*/
/*--- Helix Buttons button and button groups in default pages like search */
.btn-secondary, .input-group>.btn-primary,
    .tag-category .btn-primary {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary) );
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;
}
.tag-category .btn-primary:active, .tag-category .btn-primary:hover{
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary-hov));
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;    
}

.btn-secondary:hover,.input-group>.btn-primary:hover,
            .btn-secondary:active,
            .input-group>.btn-primary:active    {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary-hov));
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;
}

.input-group>.btn-primary,.input-group>.btn-primary:hover,
            .input-group>.btn-primary:active {
    border-width: 0 2px 0 0;
    border-color: var(--mrc-color-text-dark-bkg);
    border-style: solid;
}

/*--- Button Add-ons - Default Internal (Green) ---*/
.sppb-addon-button-group .sppb-btn-secondary {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary) ) !Important;
    color: var(--mrc-color-text-dark-bkg) !Important;
    border-width: 0px;
}
.sppb-addon-button-group .sppb-btn-secondary:hover {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary-hov))  !Important;
    color: var(--mrc-color-text-dark-bkg)  !Important;
    border-width: 0px;
}


/*--- Setting Gutter - value must match, excluding sign ---*/
/*-- Custom Button las to add a big cutter --*/
.mrc-button-group-gutter-big > .sppb-addon-content {
    margin: -25px !Important;
}
.mrc-button-group-gutter-big > .sppb-addon-content > .sppb-btn {
    margin: 25px !Important;
}



.sppb-addon-button-group > .sppb-addon-content {
    margin: -20px;
}
.sppb-addon-button-group > .sppb-addon-content > .sppb-btn {
    margin: 20px;
}

/*--- Hide Advanced Search Button 2023.09.08 ---*/
#search-form .btn-secondary {
    visibility: hidden;
}


/* MRC DEFINED BUTTONS */

/*--- Button Groups ---*/
.mrc-button-grp-default {
    padding:15px 0
}


/*--- Buttons - Search .mrc-button-search- TO DO! ---*/


/*--- Buttons - Big and Square---*/
.mrc-button-square  {
    width: 100px; 
    height: 100px;  
    align-content: center;
    text-align: center;
    display: grid;
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary));
    color: var(--mrc-color-text-dark-bkg);
    padding: 5px;
    font-weight: normal;
    font-size: 16px;
}
.mrc-button-square:hover, .mrc-button-square:active  {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary-hov));
    color: var(--mrc-color-text-dark-bkg);
}
.mrc-button-square-disabled, .mrc-button-square-disabled:hover,
    .mrc-button-square-disabled:active {
    color: var(--mrc-color-text-default);
    background-image: none !important;
    background-color: #a7b5c8;
    font-weight: normal;
    font-size: 16px;
}



/*--- Article Group Buttons and Tags ---*/
.sppb-btn-primary.sppb-btn-gradient  {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-primary) ) !Important;
    color: var(--mrc-color-text-dark-bkg);
}
.sppb-btn-primary.sppb-btn-gradient:hover  {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-primary-hov)) !Important;
    color: var(--mrc-color-text-dark-bkg);
}



/*--- Divdiders Default ---*/
.mrc-divider-horizontal-default {
    border-width: 1px;
    border-style: solid;
    border-color: #242c39;
}
.mrc-divider-horizontal-above {
    margin-top: 0px;
    margin-bottom: 15px;
}
.mrc-divider-horizontal-below {
    margin-top: 15px;
    margin-bottom: 15px;
}
/*--- Advanced Search and Sort Buttons Button---*/
.mrc-feature-box-default{
    margin:  0px;  
    padding: 0px;
}
.mrc-feature-push-up{
    margin:  10px 0px 0px 0px;  
}
.mrc-feature-box-top-align img{
    margin-top:  5px;  
}
/*--- Feature Box - Affiliates ---*/
.mrc-feature-box-hp img {
    margin-right:     10px;  
}
/*--- Feature Box - Articles ---*/
.mrc-feature-box-articles {
    margin-top:     10px;  
}
/*--- Feature Box - Articles Top Align or Centered text---*/
.mrc-feature-box-articles:not(.mrc-feature-box-center-text) img {
    padding-top:     4px;  
}
.mrc-feature-box-center-text .sppb-addon-text {
    padding-top:     4px;  
}
/*--- Feature Box - Pages (Like small notes) ---*/
.mrc-feature-box-pages {
    margin-top: 20px;  
}

/*--- Feature Box - Whats New ---*/
/*--- Home Page = Whats new - SHIT but fix for now ---*/
.mrc-row-hp-feature-box-whats-new {
    background-color: var(--mrc-bkg-body-home);
}
/*---Whats New - Column ---*/
.mrc-col-feature-box-whats-new {
    background-color: var(--mrc-bkg-yellow);
    border-style: double !important;
    border-width: 4px !important;
    border-color: var(--mrc-color-borders) !important;
}

/*--- Whats New - Text ---*/
.mrc-row-hp-feature-box-whats-new .mrc-feature-box-default .sppb-addon-text {
    color: #242c39;  
    font-weight: bold;
    margin-top: 20px;
}


/*--- Headings Add-on ---*/
/*** NEED TO PUSH UP SO REMOVING BOTTOM of 10px 2023.09.02 ***/
.mrc-heading-default {
    margin: 0px 0px 0px 0px;
}
.mrc-heading-sub-heading {
    margin-top: 10px;
    margin-bottom: 5px;
}

/*--- Custom Headers */
.mrc-heading-title {
 margin-bottom: 0px;   
}
.mrc-heading-sub-title > .sppb-addon-title {
    margin: 10px 0 0 0 ;   
}

/*--- Label for search box in menu .mrc-heading-menu-search-label {    margin: 0px 5px 0px 0px !Important;} ---*/
.mrc-heading-menu-search-label a {
    color: var(--mrc-color-labels-yellow) !Important;
}



/*--- Horizon NOT SURE WHAT THIS IS FOR---*/
.pftf-horizon-headings {
    font-weight: 700;
    font-style: italic;
    text-decoration: none;
}
/*--- Image Default ---*/
.mrc-image-default {
    margin: 0;
}


/*--- Textblock Add-on ---*/
.mrc-textblock-default {
    margin: 0;
}

/*--- Video Add-ons ---*/
.mrc-video-youtube-default {
    margin: 0;
}

/*** END SPPB ADD-ONS ***/

/* LISTS */
/*** Bullet points horizonatl list - from article ***/
.mrc-text-horizontal-list ul li {
  display:inline-block;
}
.mrc-text-horizontal-list ul li:before {
  content: '\00a0\2022\00a0\00a0';
}
.mrc-text-horizontal-list ul li:first-child:before {
  content: '';
}
/*** END LISTS ***/

/* SPPB and HELIX OVERRIDES */
/*--- Old Article Title - Description - Temporary ---*/
.mrc-text-block-article .sppb-addon-title {
    margin-bottom: 10px;
}

/*--- Search Results Margin Fix ---*/
.com-finder>*+* {
    margin-top: 0em !Important;
}
#search-results {
    margin-top: 1.5em !Important;
}
/*--- Search Result Image ---*/
/*--- From Volker to resize result to fit image ---*/
.rc_result_item_sizer {
     overflow:auto;
}

/*--- Reduce Header Single View Artile ---*/
.view-article #sp-main-body {
    padding: 0; 
}
/*--- Reduce header everywhere on article ---*/
.com-content #sp-main-body { 
    padding: 15px 0 var(--mrc-body-padding-bottom) 0;
}
/*--- Needed for NON-SP PB pages as default vaulue is 100px ---*/
/*--- Search Results---*/
.com-finder #sp-main-body {
    padding: 15px 0 var(--mrc-body-padding-bottom) 0;
}
.com-tags #sp-main-body {
    padding: var(--mrc-body-padding-top) 0 var(--mrc-body-padding-bottom) 0;
}

/*--- Fix position for short articles - BY USER PAVEL ---
https://www.joomshaper.com/forum/question/18930 ---*/
.body-innerwrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
#sp-main-body {
    margin-bottom: auto;
}

.sp-copyright {
    margin-left: 30px;
}
.float-start {
margin-right: 10px;
margin-top:5px;
margin-bottom:5px;
}
/*** END SPPB and HELIX OVERRIDES ***/

/* ROWS AND COLUMNS */
/*--- See Home Page and ARTICLES sections for some itema */
/* mrc-row-default mrc-row-first-last  */
.mrc-row-default {
    margin-right:   0px;
    margin-left:    0px;
}
/*--- Rows used to add columns layouts ---*/
.mrc-row-embedded {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border-width: 0;
}
.mrc-row-module {
    padding: 15px 0px 0px 0px;
}

/*-- Spacing for rows in page or article or module --*/
.mrc-row-first-last{
    margin-top:     25px !important ;  
    margin-bottom:  25px !important; 
}
.mrc-row-first-not-last{
    margin-top:     25px !important ;  
    margin-bottom:  0px;
}
.mrc-row-middle{
    margin-top:     20px !important ;  
    margin-bottom:  0px;

}
.mrc-row-last-not-first{
    margin-top:     20px !important ;  
    margin-bottom:  25px;
}

/*--- Aannouncement Rows and Coloumns ---*/
.mrc-row-announcement {
    margin-top:     0 !important ;  
    margin-bottom:  0;
    background-color: var(--mrc-bkg-row-green);
    border-style: double;
    border-width: 4px;
    border-color: #454424;
}
/*--- Announcement per device ---*/
/*--- Phone 575px ---*/
@media (max-width: 767px  ) {
  .mrc-row-announcement {
    padding: 0 10px 0 10px;      
  }
}
/*--- Tablet ---*/
@media (min-width: 768px  ) {
  .mrc-row-announcement {
    padding: 0 10px 0 50px;      
  }
}
/*--- Desktop ---*/
@media (min-width: 1200px ) {
  .mrc-row-announcement {
    padding: 0 10px 0 175px;      
  }
}

.mrc-col-embedded-announcement img {
    padding-top: 5px;
}


/*---Columns ---*/ 
.mrc-col-multi-default, .mrc-col-one-default{
    border-radius: 10px;
    border-width: 1px;
    padding: 15px;
}

/*---Columns - Initial Textblock will be under a header 2023.09.7  ---*/ 
.mrc-col-one-bkg-default{
    background: var(--mrc-bkg-col-default) !Important;
}
/*---Column  OUTDATED TEMP - USE ABOVE ---*/
.mrc-col-only-one-default{
    border-radius: 10px;
    border-width: 1px;
    padding: 15px;
}
.mrc-col-only-one-bkg1{
    background-color: var(--mrc-bkg-col-default) !Important;
}
.mrc-col-only-one-bkg2{
    background-color: var(--mrc-bkg-col-default) !Important ;
}
.mrc-col-embedded {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border-width: 0;
}

/*-- ROWS and COLUMNS - Specific  -- */
/*--- Downloads Row and Column, must be seperate row ---*/
.mrc-row-downloads {
    margin-top: 20px !Important;
}
.mrc-col-downloads {
    background-color: var(--mrc-bkg-row-green);
    border-style: double !important;
    border-width: 4px !important;
    border-color: var(--mrc-color-borders) !important;
}



/*--- DO I REALLY NEED THIS ---*/
.mrc-row-page-message {
    background-color: inherit;
}
.mrc-col-page-message {
    background-color: var(--mrc-bkg-page-message);
    border-style: solid;
    border-color: #242c39;
    border-width: 2px;
}

.mrc-col-page-message-tips {
    background-color: var(--mrc-bkg-page-message);
    border-style:double;
    border-color: #242c39;
    border-width: 2px;
}

/*--- CHANGE TO TIPS ABOVE IF POSSIBLE ---*/
/*--- Row and Column - Search Tips ---*/
.mrc-row-search-tips {
    margin:     15px 0px 25px 0px !important ;  
}
.mrc-col-search-tips {
    border-radius: 10px;
    border-width: 1px ;
    box-shadow: var(--mrc-box-shadow);
    padding: 15px;
    background-color: var(--mrc-bkg-yellow);
}
/*--- Row and Column - Search Buttons  ---*/
/*--- Line things up properly  ---*/
.mrc-row-search-page-buttons {
    margin: 15px 0px 0px 0px !important ;  
}
.mrc-row-search-page-buttons .mrc-heading-default {
    padding-top: 8px !important ;  
}
.mrc-row-search-page-buttons .sppb-addon-button-group {
    margin-left: -13px;  
}

/*--- Row - Biggles at work ---*/
.mrc-row-biggles-at-work{
    padding: 10px;
    background-color: var(--mrc-bkg-yellow);
}
/*** END ROWS AND COLUMNS ***/
/* ARTICLE SETTINGS */


/*--- New Article Layout 2023-05-17 */
/*
mrc-row-article-main .sppb-row-container,
#mrc-row-article-main1 .sppb-row-container {
    padding: 10px 0 0 0;    
    background-color: var(--mrc-bkg-article-imgs);
    border-radius: 10px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--mrc-color-article-border);
}
#mrc-row-article-main1 .sppb-row-container {
    padding: 0px;    
    background-color: #778caa;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--mrc-color-article-border);
}
.mrc-row-article-default {
    margin: 0px;
    padding: 0px;    
    background-color: var(--mrc-bkg-article-imgs);
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--mrc-color-article-border);
}
*/
/*--- Article - Columns  ---*/
.mrc-col-article-default {
    border-radius: 0px;
    border-width: 0px;
    margin: 0px;
}
/*--- Column containing all article rows/columns ---*/
.mrc-col-article-main {
    border-radius: 10px;
    padding: 0px;
    background-color: var(--mrc-bkg-article-imgs);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--mrc-color-article-border);
}

/*--- Article - Column and Images  ---*/
.mrc-col-article-images-slider,  
    .mrc-col-article-images-image {
    background-color: var(--mrc-bkg-article-imgs);
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-color: var(--mrc-color-article-border);
    border-style: solid;
    box-shadow: var(--mrc-box-shadow);
}
.mrc-col-article-images-slider {
    padding: 20px 5px !Important;
}  
.mrc-col-article-images-image {
    padding: 10px 0 !Important;
}

.mrc-col-article-images-image .mrc-article-img-border .sppb-addon-single-image-container>.sppb-img-responsive {
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--mrc-color-article-border);
}

/*
.mrc-col-article-img{
    border-radius: 5px;
    border-width: 2px;
    border-color: var(--mrc-color-article-border);
    border-style: solid;

}

*/
/*--- Article Description ---*/
.mrc-col-article-description, 
    .mrc-col-article-update {
    padding:15px;
    border-style: solid;
}
.mrc-col-article-description {
    background-color: var(--mrc-bkg-col-default);
    border-width: 1px 1px 0px 0px;
    border-color: var(--mrc-color-article-border);
    border-bottom-left-radius: 10px;
}

/*--- Article with only a description column ---*/
.mrc-col-article-description-only {
    padding:15px;
    border-style: solid;
    background-color: var(--mrc-bkg-col-default);
    border-width: 1px 1px 0px 0px;
    border-color: var(--mrc-color-article-border);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*--- Add space after Description Heading
.mrc-col-article-description div:first-child .mrc-textblock-default,
.mrc-col-article-description-only div:first-child .mrc-textblock-default {
    padding-top: 10px
}
  ---*/
/*--- DOESN:T WORK BUT MEANT TO PUSH UP AFTER BIGGLE OWN WORDS
.mrc-col-article-description-only  span .mrc-textblock-default {
    padding-top: 50px
    
}
---*/





/*** TESTING ***/

/*--- Article with Multiple description columns and rows var(--mrc-bkg-col-default)---*/
.mrc-col-article-description-multi,
    .mrc-col-article-description-multi-first,
    .mrc-col-article-description-multi-last {
    padding:0 15px 0 15px ;
    border-style: solid;
    background-color: var(--mrc-bkg-col-default);
    border-width: 0;
    border-color: var(--mrc-color-article-border);
}

.mrc-col-article-description-multi-first {
    padding-bottom: 0 !Important;
}
.mrc-col-article-description-multi-last { 
    padding-top: 0 !Important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.mrc-col-article-description-only-test {
    padding:15px;
    border-style: solid;
    background-color: var(--mrc-bkg-col-default);
    border-width: 0 1px 0 0px;
    border-color: var(--mrc-color-article-border);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


/*--- Article Updates ---*/
.mrc-col-article-update {
    background-color: #f4f4ea;
    border-width: 1px 0px 0px 0px;
    border-color: var(--mrc-color-article-border);
    border-bottom-right-radius: 10px;
}
.mrc-accordion-article {
    margin-top: 10px;
    padding: 0px !Important;
}

/*--- Change padding  Didn't line up quite right
.mrc-accordion-article-updates {
    background-color: #d6dadd;
    box-shadow: var(--mrc-box-shadow);
    border-width: 1px;
    border-color: #40484d;
    border-style: solid;
    border-radius: 10px;
    padding: 0 !Important;
    margin-top: 10px;
}
.mrc-accordion-article-updates h4 {
    margin-bottom: 10px;
}
---*/




/* Reduces the font-size for the article headers */
.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 {
    font-size: 20px;
}
/* Adds bottom margin to Intro text for the Details and Link*/
.sppb-addon-articles .sppb-addon-article .sppb-article-introtext {
    margin-bottom: 10px;
}
/* Change the readmore layout on Articles Add-on*/
.sppb-readmore {
    font-weight: bold;
    text-align: center;
}
/*--- Margin bottom of 'Description'
Issue becuase i changed value in top row and then saved as template 
!Important is shit solution but only global one since page level stuff overrides ---*/
#sppb-addon-1658676108390 .sppb-addon-title {
    margin-bottom: 10px !Important;
}

/*REMOVE* THIS IS OLD FORMAT - NEED TO REMOVE WEHN EVERYTHING IS CONVERTED 
/*--- Don't think this is doing anything ---*/
.mrc-text-block-article {
    margin-top: 0px;
}
.mrc-image-article {
    border-radius: 10px ;
    border-width: 1px;
    box-shadow: var(--mrc-box-shadow);
    text-align: center;
}

/*--- Articles - TAGS ---*/
.pftf-article-tags-list {
    padding-left: 10px;
}
/*--- Space Between Tag Icon .tags>li ---*/
.tags .fa-tag:before {
    padding-right: 5px;
}
.tags>li a {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary) ) ;
    color: var(--mrc-color-tags);
    font-weight: 500;
    border-style: solid;
    border-width:1px;
    border-color: var(--mrc-logo-blue);
}
.tags>li a:hover {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary-hov) ) ;
    color: var(--mrc-color-tags);
}

/*--- Button - no idea if used ---*/
.mrc-button-grp-article {
    padding:15px 0
}
/*** END ARTICLE ***/


/* CUSTOM FIELDS  */
/*--- Label for Custom Fields #4a5b75---*/

.mrc-label-default, .mrc-label-inline  { 
    font-weight: 600;
    color: var(--mrc-color-labels);
}

/*REMOVE* Old Label classes  */
.pftf_label, .pftf-inline-label { 
    font-weight: 600;
    color: var(--mrc-color-labels);
}

/*** END CUSTOM FIELDS ***/
/* EXTENSIONS - CUSTOM TABLES*/
/*--- Same as LINKS
/*--- CUSTOM TABLE - CATALOG va(--mrc-color-headers) ---*/

/*--- Override default of a white border ---*/
.com-customtables .datagrid {
    border-width: 0px;
}

.com-customtables .control-group.control-label{
    font-weight: bold;
}

/********* NEED A SOLUTION FOR THIS **********/
/*--- Add a top margin to the top of CT tables ---*/
/*-- Need to apply to div - this does not work
div:has(+ span):has(.ctCatalogRecordCount) {
    margin-top: 20px;
}
---*/

/*--- Fix for Layout Issue where empty field displayed in a row ---*/
.com-customtables .form-horizontal .control-group::after {
clear: both;
display:block;
content:"";
}


.com-customtables .mrc-row-page-message {
    margin-bottom: 20px !Important;
}

.mrc-ct-catalog-header-default tr th {
    font-family: var(--mrc-font-headers) !Important;
    color: var(--mrc-color-table-header) !Important;
    background-color: var(--mrc-bkg-table-header)  !Important;
}

.mrc-ct-catalog-header-default tr th label {
    font-family: var(--mrc-font-headers) !Important;
    font-weight: 500 ;
    color: var(--mrc-color-table-header) !Important;
} 

.mrc-ct-catalog-body-default tbody tr:first-child{
    padding-top: 25px;
}

.mrc-ct-catalog-body-default>tr>td {
    font-family: var(--mrc-font-body) !Important;
    font-size: 1rem  !Important;
    font-weight: 400  !Important;
    line-height: 1.5  !Important;
    text-decoration: none  !Important;
    color: var(--mrc-color-text-default) !Important;
}

/*--- Link in tables ---*/
.mrc-ct-catalog-body-default tr td a {
	text-decoration: underline;
	font-weight: bold;
	color: var(--mrc-color-links);
}
.mrc-ct-catalog-body-default tr td a:hover {
	font-style: italic;
	color: var(--mrc-color-links);
}

/*--- Custom Tables Fix ---*/
.com-customtables #sp-main-body {
    padding: 15px 0 var(--mrc-body-padding-bottom) 0;
}

/*--- Custom Tables - Buttons ---*/
.ctSearchBox.btn-primary {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary) );
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;
}
.ctSearchBox.btn-primary:active, 
        .ctSearchBox.btn-primary:hover  {
    background-image: linear-gradient(0deg, var(--mrc-gradient-colors-button-secondary-hov));
    color: var(--mrc-color-text-dark-bkg);
    border-width: 0px;    
}

/*** END EXTENSIONS - CUSTOM TABLES ***/





/******************* NEED TO REVIEW ***************************************/

/* SMART SEARCH */
/* Stop Button from Wrapping - from JoomShaper - not sure it works
@media (min-width: 1180px) and (max-width: 990px) { 
.sppb-addon-module .mod-finder .btn.btn-primary {
  padding: .375rem .25rem;
  position: absolute;
  right: 0;}
}
*/


/*--- END SMART SEARCH ---*/
/* FIELD CLASSES */
/* Change the field container to horizontal and add some space*/
.fields-container li{
    display:inline;
    padding-right: 15px;
}
/* Remove extra apce for the first list item only*/
.fields-container li:first-child {
    padding-right: -15px;
}
/* END FIELD CLASSES */
/*  CUSTOM CODE OF TEMPLATE OPTIONS  removed all 2023-04-17*/
/* @media (max-width: 991px){
main#sp-component {
    order: -1;
}
}
*/
/* Centre Blog Img
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    margin: 0 auto;
}
*/
/*Remove faint blog border
.article-list .article, .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: none;
}
*/ 
/* END CUSTOM CODE OF TEMPLATE OPTIONS */