@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,500;1,600&display=swap');
@import url('diagram_style.css');
:root {
  --cassiopeia-color-primary: #242d62;
  --cassiopeia-color-link: #97bce4;
  --link-color: #97bce4;
  --link-color-rgb: 151, 188, 228;
  --cassiopeia-color-hover: #77c1f7;
  --link-hover-color: #77c1f7;
  --link-hover-color-rgb: 119, 113, 247;
  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #242d62;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #f2db6a;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 242, 219, 106;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: #484f56;
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-color-rgb: 34, 38, 42;
  --body-bg: #fff;
  --body-bg-rgb: 255, 255, 255;
  --emphasis-color: #000;
  --emphasis-color-rgb: 0, 0, 0;
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0;
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: inherit;
  --link-color: #224faa;
  --link-color-rgb: 34, 79, 170;
  --link-decoration: underline;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
  /* For the wave dividers */
  --dip-softblue: #97bae2;
  --dip-rose:     #e6c2d4;
  --dip-yellow:   #efda6a;
  --dip-blue:     #242d62;
  --dip-white:    #FFFFFF;
}
body{
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  line-height:1.7;
}
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
 font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
h1{
  padding-top:40px;
  padding-bottom:40px;
}
a{text-decoration:none !important}
li{
  padding-bottom:.6em;
}
h2{
  font-size:1.5rem;
}
#sidebar-nav h3{
  font-size:1.4rem;
}

/* ----------------------------------------
Site grid Overrides
---------------------------------------. */

/* Force stacking below 1024px */
@media (max-width: 1023.98px) {
  .site-grid {
    display: flex;
    flex-direction: column;
  }

  /* Ensure the main component and sidebars take full width */
  .container-component, 
  .container-sidebar-right, 
  .container-sidebar-left {
    grid-column: span 4; /* In Cassiopeia's 4-column mobile grid */
    width: 100%;
  }
}

/* Re-enable side-by-side layout at 1024px and above */
@media (min-width: 1024px) {
  .site-grid {
    display: grid;
    /* This restores the default Cassiopeia grid behavior */
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
  }
}

/* ----------------------------------------
Main Menu Overrides
---------------------------------------. */
/* ----------  MAIN NAV – COMPACT SPACING & YELLOW PALETTE ---------- */

/* shrink the horizontal gap between <li>s           */
#navbar1 .metismenu-item            { margin: 0 2px; }

/* make the clickable area slimmer (≈ 4 px top/bot)  */
#navbar1 .metismenu-item:not(.item-327) > a {
    padding: 0.25rem 0.5rem;                     /* tweak if you need still tighter */
}

/* hover / focus state – yellow with dark text      */
#navbar1 .metismenu-item:not(.item-327):not(.item-337) > a:hover,
#navbar1 .metismenu-item:not(.item-327):not(.item-337) > a:focus {
    background: #f2db6a;                         /* btn-warning --btn-bg  */
    color: #222;                                 /* btn-warning --btn-color */
}


/* active (mouse‑down) feedback – slightly darker   */
#navbar1 .metismenu-item:not(.item-327):not(.item-337) > a:active,
#navbar1 .metismenu-item:not(.item-327):not(.item-337) > a:active {
    background: #d6bb49;                         /* btn-warning --btn-active-bg */
    color: #222;
}

/* current page indicators (Joomla “on” classes)    */
#navbar1 .metismenu-item.active:not(.item-327):not(.item-337)   > a,
#navbar1 .metismenu-item.current:not(.item-327):not(.item-337)  > a,
#navbar1 .metismenu-item:not(.item-327):not(.item-337) > a.active {
    background: #f2db6a;                         /* same as hover          */
    color: #222;
}

/* keep the menu‑icon item (.item‑327) visually consistent */
#navbar1 .item-327 > a { padding: 0; margin: 0; }   /* no extra space */

/* remove the extra breathing‑room the LI elements inherited
   from Bootstrap/Joomla – keeps bar as slim as possible       */
#navbar1 .metismenu-item:not(.item-327) {
    padding: .3rem !important;   /* wipe out left‑right & top‑bottom */
}

/* ----------------------------------------
Template Overrides
---------------------------------------. */
.site-grid{
  /*background-color:#eee;*/
  background-image: url('/diagnostic_imaging_pathways/images/dip/general/body_bg.jpg');
  background-repeat: repeat-y;     /* repeat down the page */
  background-position: top center; /* keep it centred */
  background-size: 100% auto;      /* stretch/shrink to container width */
}

.container-header {
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-primary) 100%);
}
.btn-warning {
  --btn-color: #222;
  --btn-bg: #f2db6a;
  --btn-border-color: #f2db6a;
  --btn-hover-color: #222;
  --btn-hover-bg: #d6bb49;
  --btn-hover-border-color: #d6bb49;
  --btn-focus-shadow-rgb: 186, 122, 38;
  --btn-active-color: #222;
  --btn-active-bg: #d6bb49;
  --btn-active-border-color: #f2db6a;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #222;
  --btn-disabled-bg: #f2db6a;
  --btn-disabled-border-color: #f2db6a;
}

/* Override .footer to display your wave image at the top */
.footer {
  /* Remove Cassiopeia’s default gradient or color */
  background-image: none;
  
  /* Use a solid fallback color plus your image */
  background-color: #242d62;
  background-image: url("https://www.diagnosticimagingpathways.org/images/dip/general/footer-background.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; /* so it scales to fill the width */

  /* Keep text white */
  color: #fff;

  /* Some spacing above, if desired */
  margin-top: 1em;
  
  Provide some min-height or content so the wave is visible */
  /* min-height: 200px;

  /* Position relative if you ever want absolute-positioned elements inside. */
  position: relative;
  padding-top:8rem;
}
/* Override header spacing on search page */
.view-search .header{
  margin-bottom:6rem;
}
/* Hide Smart Search highlighting on article pages (not search results) */
body:not(.com-finder) .highlight {
    background-color: transparent !important;
    color: inherit !important;
}

.back-to-top-link:hover, .back-to-top-link:focus {
    color: var(--white, #fff);
    background-color: var(--dip-yellow);
    border-color: var(--white, #fff);
}

/* ----------------------------------------
Styles for the Home Page
---------------------------------------. */
@media (min-width: 769px) {
  .homepanel{
    padding:4rem 5rem;
  }
}
@media (max-width: 769px) {
  .homepanel{
    padding:2rem 2rem;
  }
}
.homepanel{
  overflow: hidden;
}
svg {
  display: block;
  overflow:visible;
}

/* Wave Colours */
.wave-softblue path { fill: var(--dip-softblue); }
.wave-rose     path { fill: var(--dip-rose); }
.wave-yellow   path { fill: var(--dip-yellow); }
.wave-blue     path { fill: var(--dip-blue); }

/* Panel backgrounds */
.panel-softblue { background-color: var(--dip-softblue); }
.panel-rose     { background-color: var(--dip-rose); }
.panel-yellow   { background-color: var(--dip-yellow); }
.panel-blue     { background-color: var(--dip-blue); }
.panel-white     { background-color: var(--dip-white); }

.particle{
  background-color:#242d62;
  background-image: url(https://www.diagnosticimagingpathways.org/images/dip/general/flare_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color:#FFF;
}
.bluestraight{
  background:#242d62;
  color:#FFF;
  padding:9rem 3rem 3rem 3rem;
}
.yellowstraight{
  background:#242d62;
  color:#FFF;
  padding:9rem 3rem 3rem 3rem;
}
.white.homepanel{
  padding:0rem 0rem 3rem 0rem;
}
.feedback-home img{
  width:50%;
}
.feedback-home{
  text-align:center;
}
.wavetop {
    background-image: none;
    background-color: #242d62;
    background-image: url(https://www.diagnosticimagingpathways.org/images/dip/general/footer-background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
    margin-top: 1em;
    padding-top: 8rem;
} 

/* Base wave */
.wave {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.3s ease-in-out;
  line-height: 0;
  border: 0;
  outline: 0;
  margin: 0;
  z-index:-1;
}

.wave path {
  stroke: none;
}

/* Where the wave sits relative to the section */
.wave-top {
  transform: none;            /* normal orientation */
}

.wave-bottom {
  transform: rotate(180deg);  /* flipped vertically */
}



.homepage-video-panel {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px; /* optional */
}

.homepage-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#wave, #wave1 {
    display: block;
    margin-top: -1px;
}
#wave2 {
    display: block;
    margin-top: -2px;
}
#wave3 {
    display: block;
    margin-top: -3px;
}
#wave4 {
    display: block;
    margin-top: -4px;
}
/* ----------------------------------------
Styles for the DIP Pathway pages
---------------------------------------. */
/* Full screen svg styles */
body, html {
	height: 100%;
	margin: 0;
	overflow: inherit;
}
@media (min-width: 769px) {
  #narrow1{
    padding-left:30%;
    padding-right:30%;
  }
}

/* Tables  */
.table#aligns td.top {
  vertical-align: top !important;
  }
.table#aligns th, td {
  border: 1px solid #CCC;
  border-collapse: collapse;
  padding:5px;
}
.expandable {
  position: relative;
  overflow:hidden;
}
#panzoom-container{
  padding-top:2rem;
  bottom:4rem;
}
#cntbuts{
  
}
/* 
.expand-button {
	position: absolute;
	top: 10px;
	right: 10px;
    z-index:2001;
}

.expandable .controls {
	position: absolute;
	top: 10px;
	left: 10px;
     z-index:2000;
}
 */
/* Zoom button controls */
/* Base */
#zoom-range{
  -webkit-appearance: none;
  appearance: none;
  height: 5px;           /* track thickness */
  background: #242d62;    /* track colour */
  border-radius: 0;       /* square track ends */
  outline: none;
  cursor: pointer;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Chrome / Edge / Safari track */
#zoom-range::-webkit-slider-runnable-track{
  height: 5px;
  background: #242d62;
  border-radius: 0;
}

/* Chrome / Edge / Safari thumb (square) */
#zoom-range::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #242d62;
  border-radius: 0;        /* square */
  border: 2px solid #242d62;
  margin-top: -8px;        /* centers on 10px track */
}

/* Firefox track */
#zoom-range::-moz-range-track{
  height: 5px;
  background: #242d62;
  border-radius: 0;
}

/* Firefox thumb (square) */
#zoom-range::-moz-range-thumb{
  width: 25px;
  height: 25px;
  background: #242d62;
  border-radius: 0;
  border: 2px solid #242d62;
}

/* Optional: remove Firefox focus border */
#zoom-range::-moz-focus-outer{
  border: 0;
}
/* Custom styling for the checkbox */
#toggle-pan.form-check-input {
    width: 2em; /* Increase size (standard is ~1em) */
    height: 2em;
    cursor: pointer;
    
    /* More pronounced rounded corners */
    border-radius: 0.4rem !important; 
    
    /* Ensure no shrink when label text is long */
    flex-shrink: 0;
    
    /* Optional: Thicker border for visibility at larger sizes */
    border: 2px solid rgba(0, 0, 0, 0.25);
}

/* Maintain vertical alignment with your existing d-flex label */
.form-check.d-flex {
    padding-left: 0; /* Bootstrap adds padding-left by default; remove if using d-flex gap */
}

.expandable.expanded {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  overflow: auto;      /* native scroll is REQUIRED */
  background: #fff;
}
.expandable .row{
  padding-top:30px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
}
.expandable svg{
  display:block;
  width:100%;
  height:auto;
}
/* Helps touch devices + prevents browser gesture fights when expanded */
.expandable.expanded svg {
  touch-action: none;
}
.expandable svg {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: 0 0; /* important for predictable math */
}

/* popup/modal styles */
.info {
    margin-bottom: 40px;
}
.point {
	cursor: pointer !important;
}
button.gotolink{
    
    border-width: 0px;
}
.radicon{
  height:30px;
}
.modal-header{
  background: #242d62;
    color: #FFF;
    padding: 3rem;
}
.modal .rcorners3{
  background:#e9e9e9;
  border-radius: 25px;
}

.btn-close {
    --btn-close-color: #fff;
    --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280,%200%%2C%20100%%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --btn-close-opacity: .5;
    --btn-close-hover-opacity: .75;
    --btn-close-focus-shadow: 0 0 0 .25rem #01015640;
    --btn-close-focus-opacity: 1;
    --btn-close-disabled-opacity: .25;
    --btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    color: var(--btn-close-color);
    background: transparent var(--btn-close-bg) center / 1em auto no-repeat;
    opacity: var(--btn-close-opacity);
    border: 0;
    border-radius: .25rem;
    width: 1em;
    height: 1em;
    padding: .25em;
}

/*.Accordian styles */
#accordianPathwayFlush .fa, #accordianPathwayFlush .fas {
	padding-right: 10px;
}
#accordianPathwayFlush .accordion-button:not(.collapsed) {
     --accordion-active-color:#222;
}
/* Lightbox styles */
.glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0%);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0%);
}
/* -------------------
Pathway Icons 
---------------------- */
.text {
	font-family: OpenSans, 'Open Sans';
	font-size: 86.96px;
}
.picon, .bg {
	stroke-width: 0px;
}
svg .bg {
	fill: #fff;
}
#pathwayCategorySlider a:hover svg, #pathwayGallerySlider a:hover svg{
  cursor: pointer !important;
}
#pathwayCategorySlider a:not(.collapsed) .picon, #pathwayCategorySlider a.collapsed:hover .picon,
#pathwayGallerySlider a:not(.collapsed) .picon, #pathwayGallerySlider a.collapsed:hover .picon{
        fill: #fe3201;
}
#pathwayCategorySlider a:not(.collapsed) .text, #pathwayGallerySlider a:not(.collapsed) .text{
  display:none;
}
@media (min-width: 769px) {
	.glightbox-clean .gslide-media {
	-webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0%);
	box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0%);
	}
}
.overlay {
    background: #FFF;
}
.glightbox-mobile .goverlay {
    background: #FFF;
}
.goverlay {
    background: rgba(255,0255,255,.98);
}

@media (min-width: 769px) {
	.goverlay {
		background: rgba(255,0255,255,.98);
	}
    .container-sidebar-left, .container-sidebar-right {
        margin-top: 40px;
    }
}
.sidebar-right.card {
	/*padding: 30px;*/
  padding: 0;
    background: #242d62;
    border-radius: 25px;
    color: #FFF;
}
.sidebar-right.card h3{
  padding-top:1em;
  padding-bottom:1em;
}
.sidebar-right.card .accordion-slider-header{
  padding-top:.1em;
  padding-bottom:.1em;
}
.sidebar-right.card li > ul {
  padding-left:20px;
  }
.sidebar-right.card a{
  color: #FFF;
  text-transform: capitalize;
}
#pathwayCategorySlider .blueround-accord a{
  color: #FFF;
  text-transform: capitalize;
}
.sidebar-right.card .accordion-body, .sidebar-right.card .accordion-item, .sidebar-right.card .accordion-button{
  background: #242d62;
}
.sidebar-right .accordion-button{
  --accordion-btn-color:#FFF;
}
.accordion-button:not(.collapsed) {
 --accordion-active-color:#FFF;
}
.accordion-button:after {
  --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb(255,255,255)' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb(255,255,255)' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");

}
i.theme-color{
  color:#f9c743;
}
i.link-color{
  color:#FFF;
  border:1px solid #000;
}
i.open-color{
  color:#242d62;
}
/* ----------------------------------------
End Styles for the DIP Pathway pages
---------------------------------------. */
/* Brand */
.brand-logo img, img.brand-logo{max-width:400px;}
@media (max-width: 991px){
  .dip-logo img{width:350px;}
  .container-header nav {
    width: 100%;
    text-align:right;
  }
}
/****Category Toggle*********/
button.navbar-toggler.sidebar-toggler-right {
    float: right;
    margin: 10px;
  border-radius: 5px;
    padding: 10px;
}
/**************/
#parent_categories_icon div {
display: inline-flex;
    position: relative;
    z-index: 1;
    height: 150px !important;
    flex-grow: 0 !important;
    width: 19% !important;
    text-align: center !important;
    background-color: #efefef;
    margin: 5px;
    border-radius: 5px;
}
#parent_categories_icon a {
    text-align: center;
    text-decoration: none;
   padding-top: 78px;
}

div#result_categories_icon {
    background-color: #efefef;
    padding: 15px;
}
.mod-articles-category-group {
    font-size: 18px;
    font-weight: 500;
}
/*
.hide{display:none;}
.show{display:block;}
*/
#pathwayCategorySlider .accordion-button, #pathwaygalleryslider .accordion-button {
  padding:0 !important;
}
#pathwayCategorySlider .accordion-button:not(.collapsed)::after,
#pathwayCategorySlider .accordion-button::after,
#pathwaygalleryslider .accordion-button:not(.collapsed)::after,
#pathwaygalleryslider .accordion-button::after{
  background-image: unset !important;
}
#pathwayCategorySlider a:not(.collapsed):focus, a:not(.btn):hover {
    color: var(--cassiopeia-color-hover);
}
#flush-catright button, #flush-catright .accordion-button{
  font-size:1.75rem;
}
/* -------------------
Styling the magnifying glass on links 
---------------------- */
.mod-articlescategory ul{
    List-style:none;
}
.mod-articlescategory ul li, ul.maglist li {
    padding-left: 1.3em;
    text-align: left;
    font-size: 16px;
    margin-bottom: 3px;
    list-style: none;
}
.mod-articlescategory ul li:before, ul.maglist li:before {
    content: "\f00e";
    font-family: 'Font Awesome 6 Free';
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    display: inline-block;
    margin-left: calc( 1.3em * -1 );
    width: 1.3em;
}
/* -------------------
Styling the blog pages
---------------------- */
.jumbotron text {
  display:none;
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem;
}
h1 {
  position: relative;
  margin-bottom:3rem;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.blog h1, .com_rsform h1, .page-header h1 {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}
.blog h1:before, .com_rsform h1:before, .page-header h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #111;
}
.blog h1:after, .com_rsform h1:after, .page-header h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 555px;
  background-color: #333;
}
@media (max-width: 769px) {
  .blueround-accord{
    padding: 10px;
  }
  .blueround-accord .accordion-body{
    padding:0;
  }
  .blueround-accord .mod-articlescategory li ul{
    padding-left:0.5rem !important;
    margin-left:0 !important;
  }
}
.blueround-accord{
  /*padding: 10px 30px 30px 30px;*/
  padding: 0;
  background: #242d62;
  border-radius: 25px;
  color: #FFF;
}
.blueround-accord .accordion-collapse a{
  color: #FFF;
}
.blueround-accord .accordion-collapse .mod-articles-category-group, .blueround-accord .accordion-collapse h4{
  font-weight:700;
  padding-top:20px;
  padding-bottom:10px;
  font-size:1.3em;
}