/*@charset "UTF-8"; 
/* CSS Document */ 


:root {
	--darkblue: #224c8b;
  	--blue: #62aae8;
	--wfred:#88171a;
  	--lightblue: #4e9ae4;
	--white : #ffffff;
	--black :#000000;
	--palegray:#eeeeee;
}

/* Navigation for long menus */

@media (max-width: 1288px) {
.sp-megamenu-parent, #sp-header-topbar {display:none !important;}
	#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {display: flex !important;}
}

@media (min-width: 992px) and (max-width: 1288px) {
    #sp-header nav.sp-megamenu-wrapper #offcanvas-toggler, .offcanvas-toggler-secondary.d-lg-none {
        display: flex !important; /* Ensure it is visible */
    }
    .sp-megamenu-parent {
        display: none !important; /* Ensure the main menu is hidden */
    }
}

@media (min-width: 2559px) {
	.sp-megamenu-parent > li > a {font-size: 1.5rem !important; padding: 0 1rem !important;}
}

.burger-icon>span {
    background-color: var(--darkblue) !important;
}


@media screen and (max-width: 1024px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        display: block !important;
        visibility:visible !important;
        margin: 0px;
    }
}
/* Dropfiles Resets */
/* Simplex DF View */
.dropfiles-container {margin: 0!important;}
.dropfiles-content-simplex.dropfiles-content-multi {margin-top:-10px !important;}
.dropfiles-content-simplex.dropfiles-content .table {width:96% !important;border-collapse: separate!important; border-spacing:0 15px!important;}
.dropfiles-container-simplex {margin: 0px !important;}
.dropfiles-content-simplex .mediaTableWrapperWithMenu {padding-top: 0em !important;}
.dropfiles-container-simplex table thead,
.dropfiles-container-simplex .dropfiles-categories  {display:none !important;}
.dropfiles-container-simplex .dropfiles-content-table .mediaTableWrapperWithMenu {padding-top: 0em !important;}
.dropfiles-container-simplex a {font-size:1rem !important;color:var(--white) !important;}
.dropfiles-container-simplex a.openlink {border:1px solid var(--black) !important;width:80% !important;}
a.downloadlink.dropfiles_downloadlink + br {display:none !important}
.dropfiles-content-simplex.dropfiles-content span.ext, 
.dropfiles-content-simplex.dropfiles-content span.ext.pdf,
.dropfiles-content-simplex.dropfiles-content div.ext.pdf,
.dropfiles-content-simplex.dropfiles-content span.ext.docx, 
.dropfiles-content-simplex.dropfiles-content span.ext.pptx, 
.dropfiles-content-simplex.dropfiles-content span.ext.xlsx, 
.dropfiles-content-simplex.dropfiles-content span.ext.zip, 
.dropfiles-content-simplex.dropfiles-content span.ext.doc, 
.dropfiles-content-simplex.dropfiles-content span.ext.ppt, 
.dropfiles-content-simplex.dropfiles-content span.ext.xls, 
.dropfiles-content-simplex.dropfiles-content span.ext.jpg, 
.dropfiles-content-simplex.dropfiles-content span.ext.png 
  {display:none !important;}
.article-details .dropfiles-content-simplex.dropfiles-content table td:first-child {text-transform: uppercase;width:80% !important;}
.dropfiles-content-simplex a.title {padding:0px 12px !important;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist {
    background-color: var(--darkblue) !important;
    border-radius: 40px 0 0 40px !important;
    border: 0px!important;
}
.dropfiles-content-table.dropfiles-content .table,
.dropfiles-content, .dropfiles-dropblock-content {background-color: transparent !important;}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential {
     background-color: var(--darkblue) !important; 
    border-radius: 0px 40px 40px 0px !important;
    border: 0px!important;
	padding:8px 20px 0 0;
}
i.zmdi {display: none !important;}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist a, 
.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential a {font-size:1rem;color:var(--white); font-weight:600; border-radius: 1rem !important;    word-break: keep-all !important;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential a.downloadlink.dropfiles_downloadlink,
.dropfiles-container-simplex a.openlink {
	width:80%; 
	border:2px solid var(--white);
	float:right;
	padding:3px;
	background:var(--white) !important;
	color:var(--darkblue) !important;
	margin: 0 0 6px 0 !important;}


@media only screen and (max-width: 720px) {
.dropfiles-container-simplex .dropfiles-container-table {margin-left: 0px !important;}
}
@media (max-width: 720px) {
.dropfiles-container-simplex  td.file_download.essential {display:none;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist {border-radius: 40px !important;}
}
@media (max-width: 720px) {
.dropfiles-container-simplex  td.extcol.file_title.essential.persist{padding: 0 15px;word-break:keep-all !important;}
}
@media (max-width: 414px) {
	.dropfiles-container-simplex  table {padding:0px !important; width:93% !important;text-align:start;	text-indent:0em; padding-right:0px !important;}
	.dropfiles-content-simplex a.title {padding:0px !important;font-size:0.8rem !important;word-break: normal !important;overflow-wrap:break-word !important;}
}

.dropfiles-single-file .dropfiles-file-link {border-radius:15px !important; width: 100% !important;}
.dropfiles-single-file {display: block !important; width: 100%;margin-top:-20px !important;}
.dropfiles-single-file .dropfiles-file-link {    font-family: "Poppins";font-size: .9rem !important;}

/* Blockquotes */

blockquote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
  display: inline;
  font-size:1.1rem;
	font-style: italic;
}

/* Link Buttons CSS */
/* Base Button Styles */
p a.btn {
    background: var(--darkblue); 
    color: var(--white) !important; 
    padding: 10px 20px; /* Adjusted horizontal padding for balance */
    border-radius: 2rem; 
    display: inline-flex; /* Changed to inline-flex for better icon alignment */
    align-items: center;
    text-decoration: none;
    transition: background 0.3s ease; /* Smooth color transition */
	margin-left:1rem;
}

/* Icon Implementation */
p a.btn::before {
    content: "\2192"; /* Unicode for a Right Arrow (→). Swap with FontAwesome code if needed */
    margin-right: 8px;
    font-size: 1.1em;
    line-height: 1;
}

/* Hover State */
p a.btn:hover {
    background: var(--wfred); 
}

/* Remove backgrounds from search results.*/
.view-search p a.btn {
 background: none !important; 
	color: inherit !important; 
	padding: inherit; 
	border-radius:0px !important;
	text-align: left !important;
	align-items: baseline !important;
}

.view-search p a.btn::before {
    content: ""; 
    margin-right: 0px;
    font-size: inherit;
    line-height: 1;
}


.view-search p a.btn:hover {
	background:  none!important;
	border-radius:0px !important;
	text-align: left !important;} 

/* --- Modern High-Impact Table Styling --- */

table {
  width: 100%;
  border-spacing: 0;
  border: 1px solid #d1d1d1;
  border-radius: 10px 10px 0 0;
  overflow: hidden; /* Ensures background colors don't bleed past the radius */
  margin-bottom: 40px; /* Increased margin underneath every table */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Added subtle depth */
  font-family: sans-serif; /* Ensures a clean, modern look */
}

/* Header Styling - Maintains top radiused corners */
table th {
  background-color: var(--darkblue);
  color: #ffffff;
  font-weight: 600;
  padding: 15px 12px;
  text-align: left;
  border-bottom: 2px solid #1a252f;
}

/* Specific radius protection for the top header cells */
table th:first-child {
  border-top-left-radius: 10px;
}

table th:last-child {
  border-top-right-radius: 10px;
}

/* Zebra Striping */
/* Odd rows: Pale Grey */
table tr:nth-child(odd) {
  background-color: #f9f9f9;
}

/* Even rows: White */
table tr:nth-child(even) {
  background-color: #ffffff;
}

/* Interactive Hover State */
table tr:hover {
  background-color: #f1f4f7 !important;
  transition: background-color 0.2s ease;
}

/* Cell Borders & Padding */
table th, 
table td {
  padding: 14px 12px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

/* Remove the far right border from the last column cells */
table th:last-child, 
table td:last-child {
  border-right: none;
}

/* Remove the bottom border from the last row */
table tr:last-child td {
  border-bottom: none;
}

/* --- Search Results Styling --- */

.view-search p a.btn {
  background: none !important; 
  color: inherit !important; 
  padding: inherit; 
  border-radius: 0px !important;
  text-align: left !important;
  align-items: baseline !important;
}


/* ==========================================================================
   Shack Article Layouts - Uniform Card Image Crop (300px Height)
   ========================================================================== */

/* 1. The Container: Pulls the image to the card edges and locks the height */
.sal-inner-item figure {
   /* margin: -20px -20px 20px -20px !important; /* Overrides default padding & adds space below */
    width: auto !important;                    /* Allows negative margins to span full width */
    height: 300px !important;                  /* Locks the height of all images to exactly 320px */
    overflow: hidden !important;               /* Cuts off the cropped/overflowing parts of the image */
    position: relative;                        /* Context for internal link wrapping */
}

/* 2. The Link: Ensures the clickable link area fills the entire 320px box */
.sal-inner-item figure > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* 3. The Image: Scales up small images and safely crops large/mismatched ones */
.sal-inner-item figure img {
    display: block !important;
    width: 100% !important;                    /* Forces small images to stretch to full width */
    height: 100% !important;                   /* Forces image to span the full 320px height */
    object-fit: cover !important;              /* Auto-crops top/bottom or sides without squishing */
    object-position: center !important;        /* Keeps the center of the image focused */
}

.sal-inner-item h3 {font-size:1.1rem !important;}

#footer-panels h4 {color:var(--darkblue);}
/* 1. Target the paragraph and make all the text blue */
#mod-custom198 p {
    color:var(--darkblue);
}

/* 2. Target just the first line (ROLE) and turn it back to black */
#mod-custom198 p strong {
    color:var(--black); /* Or change this to match your page's text color */
}

/* Hero Button */

.rad-button {border-radius: 0 1rem !important;}