/* TOP LEVEL     */
/*---------------*/
/*   Full page background color  */
body {
    background: #bebaba!important;
}
.site-grid {
   grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,25rem)) [main-end] minmax(0,1fr) [full-end];
}
/* Remove padding gap on either side of component for mobile devices */
  body.wrapper-fluid .site-grid {
    grid-gap: 0 0;
}
.grid-child {
    max-width: unset!important;
}
/*------------------*/
/*  Banner LAYER */
/*------------------*/
/*  Set Header background Color   */
  .container-banner, .container-header {
    background-color: #383182!important;
    background-image: unset;
}
.container-banner .container-nav {
    padding-bottom: unset;
}
.container-banner .banner-overlay .overlay {
    padding: unset!important;
}
.row {
      --gutter-x: 2rem!important;
} 
.row>* {
    padding-right:unset;
    padding-left: 15px !important;
}
.container-banner .grid-child {
    max-width: unset;
}
  @supports (display:grid) {
    .mod-menu.mod-list.nav {
        justify-content: right;
    }
}
/*    Remove space above Logo & Menu   */
.container-header .grid-child {
  padding: unset;
  }
.container-banner .banner-overlay {
    height: unset;
}
/*------------------*/
/*      MENU        */
/*------------------*/
.dj-megamenu-default {
  background-color: #383182!important;
}
.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
    background: #2173d7!important;
}
.mod-menu.mod-list.nav {
   justify-content: center;
} 
.dj-megamenu-default li a.dj-up_a {
    font-size: 13px!important;
}
.dj-megamenu-default li ul.dj-submenu>li>a {
    font-size: 13px!important;
}
body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child {
    padding-left: .5em!important;
    padding-right: .5em!important;
}
.dj-megamenu-default li a.dj-up_a .arrow {
    right: 8px!important;
}
.dj-megamenu-default li a.dj-up_a span.dj-drop {
    padding: 0 8px 0 0;
}
.dj-megamenu-default li a.dj-up_a {
  padding: 0 10px!important;
}
/*    Menu Subtree   */
.dj-megamenu-default li ul.dj-submenu>li>a:hover, .dj-megamenu-default li ul.dj-submenu>li>a.active, .dj-megamenu-default li ul.dj-submenu>li.hover:not(.subtree)>a {
    background: #2173d7!important;
    color: #fff;
}
.dj-megamenu-default li div.dj-subwrap, .dj-megamenu-default li:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-default li.hover div.dj-subwrap li div.dj-subwrap {
    background: black!important;
}
/*------------------------------*/
/*        OFFCANVAS MENU        */
/*------------------------------*/
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {
    width: 40px!important;
    height: 40px!important;
}
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
    font-size: 30px!important
  }
ul.dj-mobile-light ul li.dj-mobileitem>a {
    color: black!important;
  }
ul.dj-mobile-light li.dj-mobileitem>a {
  color: black!important;
  font-weight: bold!important;
  font-size: 1em!important;
}
/*------------------*/
/*  COMPONENT LAYER */
/*------------------*/
/*  Remove space above Component area  */
  .container-banner {
    margin: 0 0 0 0;
  }

/*     SET Container generic attributes  */
.container-component>*+* {
  margin-top: unset;
  padding: 0 20px 0 20px!important;  
  /* border-style: solid;
  border-color: grey; 
  border-radius: 10px; */
  background: white!important;
}
@media (width >= 576px) {
    .container-sm, .container {
        max-width: unset!important;
    }
}
.align_left {
justify-content: flex-start;
}
.article-aside {
      padding: 0 10px 0 10px;
}
.item-page {
    margin-top: 1rem!important;
    margin-bottom: 1rem;
  }
/* Limit width of Articles   */
.articles { 
  	Max-width: 1600px; 
	margin:0 auto!important;
    padding-top: unset!important; 
    padding-bottom: .7rem!important;
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    border-radius: 1px 1px 1px 1px;
    /*border: solid rgba(105,105,105,1);
    border-width: 1px 1px 1px 1px; 
    box-shadow: 0 0 0 10px #e9ecef inset;
    box-sizing: border-box; */
    background-color: white;
}
/* ----- Three Colum layout ----- */
.newspaper {
  columns: 3 275px;
 }
.card-bkgc-lgrey {
  background-color: rgba(0, 0, 0, 0.03);
}
.nopadding .card-body {
  padding: unset!important;
}
blockquote {
  margin: 0 0 1rem;
  border-left: 5px Solid #EEEEEE;
  color: white;
  background: #fc5203;
  background-clip: border-box;
  background-clip: padding-box;
  padding: 10px;
}
#back-to-top {
  background: #2173d7!important;
}
#back-to-top i {
  color: white!important;
}
#back-to-top i:hover {
  color: black!important;
}
 
 p.NO_BOTTOM_MARGIN { 
   margin: 0 !important; 
}
.page-header {
    background-color: #dadee2!important;
    margin-bottom: unset!important;
    text-align: center!important;
    color: #2969b7!important;
    text-transform: none!important;
}
/*------------------*/
/*   FOOTER LAYER    */
/*------------------*/
.footer {
  background-color: #383182!important;
  background-image: unset;
  /*max-width: 1000px; */
  margin-top: unset;
}
.footer .grid-child {
    padding: 0px 20px 0px 20px!important;
}

/*------------------*/
/*   Jevents Latest Module    */
/*------------------*/  
 
td.mod_events_latest_first, td.mod_events_latest {
  text-align: left;
  }
/*------------------*/
/*  Links Config    */
/*------------------*/    
/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: blue;
} 

/* mouse over link */
a:hover {
  color: black;
 /* font-weight: bold;  */
}

/* selected link */
a:active {
  color: black;
}
/*------------------*/
/*   Button Config    */
/*------------------*/  
.btn-warning {
  /*  background-color: #F0AD4E;*/
    --btn-bg: #ffc107;
    background-clip: padding-box;
    color: yellow;
    border-color: #EEA236;
}
  btn.btn-warning:focus {
    background-color: ##ffc720;
    background: rgba(240, 173, 78, 1);
    background-clip: padding-box;
    color: red;
    border-color: ##ffc720;
}
  .btn-xs, .btn-group-xs > .btn, .btn-xs:hover, .btn-group-xs > .btn:hover, a.btn.btn-xs:hover, a.btn.btn-xs:focus {
    border-radius: 3px 3px 3px 3px;
    padding: 1px 5px 1px 5px;
    font-size: 12px;
}
  .btn-primary {
  background-color: #548408!important;
  border-color: #548408!important;
  }
.btn.btn-success {
    background-color: #0a58ca;
    border-color: #0a58ca;
}
.btn.btn-info {
  background-color: #2173d7!important;
  color: white!important;}
/*******************************************************************/
/*                              FONTS                              */
/*******************************************************************/
.a, .btn.btn-primary, .btn.btn-primary:focus, .btn-md {
    background-color: #2173d7!important;
	background-clip:padding-box;
	border-color:transparent;
  	color: white!important;}

.page-header h2 {
  color: white!important;}

h2 {
  background-color: #dadee2!important;
  text-align: center;
  color: #2969b7!important;
  font-weight: bold;}
}

h3 {
  color: #fc5203;
  }
/* remove headings top margin */
h1, h2, h3, h4, h5 {
  margin-top: unset;
}
/*                                          MEDIA QUERIES                                             */
/*--------------------------------------------------------------------------------------*/
/* EXTRA EXTRA SMALL DEVICES (phones, 460px and down)  */
/*--------------------------------------------------------------------------------------*/
@media only screen and (max-width: 460px) {
  .container {max-width: 460px!important;}
  h1 {font-size: 1.3em!important;}
/*--------------------------------------------------------------------------------------*/
  body.wrapper-fluid header > .grid-child  {
    padding: 5px!important;}
}
/*--------------------------------------------------------------------------------------*/
/* EXTRA SMALL DEVICES (phones, 700px and down)  */
/*--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 461px) {
  .container {max-width: 700px!important;}
  h1 {font-size: 1.4em!important;}
  h2 {font-size: 1.3em!important;}
  h3 {font-size: 1.2em!important;}
  h4 {font-size: 1.1em!important;}
  h5 {font-size: 1em!important;}
  h6 {font-size: .7em!important;}
  p, li, td, a {font-size: .9em!important;}
/*--------------------------------------------------------------------------------------*/
  .btn {--btn-padding-x: unset!important;}
  .tablinks {font-size: .9em!important;}
  h4.raxo-title {font-size: 1.1em!important;}
  .navbar-brand {font-size: 1.2rem;}
  .jeventslatest .jeviconnotdate {font-size: .8em!important;}
    /* hide menu item */
  .hide_on_mobile {display: none;}
  }
/*--------------------------------------------------------------------------------------*/
/* SMALL DEVICES (portrait tablets and large phones, 701px and up) */
/*--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 701px) {
  .container {max-width: 768px!important;}
  h1 {font-size: 1.5em!important;}
  h2 {font-size: 1.4em!important;}
  h3 {font-size: 1.3em!important;}
  h4 {font-size: 1.2em!important;}
  h5 {font-size: 1.1em!important;}
  h6 {font-size: .8em!important;}
  p, li, td, a {font-size: .9em!important;}
/*--------------------------------------------------------------------------------------*/
  .btn {--btn-padding-x: unset!important;}
  h3.raxo-title {font-size: 1.4em!important;}
  h4.raxo-title {font-size: 1.1em!important;}
  .tablinks {font-size: .9em!important;}
  .navbar-brand {font-size: 1.3rem;}
  .jeventslatest .jeviconnotdate {font-size: .9em!important;}
  /* hide menu item */
  .hide_on_mobile {display: none;}
  }
/*--------------------------------------------------------------------------------------*/
/* MEDIUM DEVICES (landscape tablets, 768px and up)  */
/*--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .container {max-width: 991px!important;}
  h1 {font-size: 1.9em!important;}
  h2 {font-size: 1.8em!important;}
  h3 {font-size: 1.6em!important;}
  h4 {font-size: 1.3em!important;}
  h5 {font-size: 1.2em!important;}
  h6 {font-size: .9em!important;}
  p, li, td, a {font-size: 1em!important;}
/*--------------------------------------------------------------------------------------*/
  .btn {--btn-padding-x: 1rem!important;}
  .navbar-brand {font-size: 1.3rem;}
  .tablinks {font-size: 1em!important;}
  .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
      font-size: .78rem!important}
  /* display menu item  */
  .hide_on_mobile {display: block;}
   .jeventslatest .jeviconnotdate {font-size: 1em!important;}
  }
/*--------------------------------------------------------------------------------------*/
/* LARGE DEVICES (laptops/desktops, 992px and up) */
/*--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .container {max-width: 1300px!important;}
  h1 {font-size: 2em!important;}
  h8 {font-size: 2em!important;}  
  h2 {font-size: 1.9em!important;}
  h3 {font-size: 1.8em!important;}
  h4 {font-size: 1.7em!important;}
  h5 {font-size: 1.3em!important;}
  h6 {font-size: .9em!important;}
  p, li, td, a {font-size: 1em!important;}
/*--------------------------------------------------------------------------------------*/
  .navbar-brand {font-size: 2rem;}
    .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
      font-size: 1rem!important}
    .hidden-desktop {display: none;}
   .jeventslatest .jeviconnotdate {font-size: 1em!important;}
    /* display menu item */
   .hide_on_mobile {display: block;}
    .dj-megamenu-default li a.dj-up_a {
    font-size: 12px!important;
}
}
/*--------------------------------------------------------------------------------------*/
/* EXTRA LARGE DEVICES (large laptops and desktops, 1300px and up) */
/*--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1300px) {
  .container {max-width: 2000px!important;}
  h1 {font-size: 2.1em!important;}
  h2 {font-size: 2em!important;}
  h3 {font-size: 1.9em!important;}
  h4 {font-size: 1.8em!important;}
  h5 {font-size: 1.4em!important;}
  h6 {font-size: 1em!important;}
  p, li, td {font-size: 1.1em!important;}
/*--------------------------------------------------------------------------------------*/
  h3.raxo-title {font-size: 1.5em!important;}
  h4.raxo-title {font-size: 1.2em!important;}
  .navbar-brand {font-size: 2.5rem!important;}
  .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link{
      font-size: 1.2rem!important}
  .jeventslatest .jeviconnotdate {font-size: 1.1em!important;}
  /* display menu item */
   .hide_on_mobile {display: block;}
  .dj-megamenu-default li a.dj-up_a {
    font-size: 14px!important;}
}


/*******************************************************************/
/*                           RAXO CUSTOMISATION                             */
/*******************************************************************/
/* remove the default top and bottom margin */
.raxo-prime {
  margin: 0 0 0!important;
}

/* modify Title margin and padding */
.raxo-prime .raxo-block-name,
.raxo-prime {
	margin: 0 0 0!important; 
  padding: 5 5 5 5!important;
}

/* modify Orange default color */
/* --- Orange Color --- */
.prime-orange .raxo-block-name,
.prime-orange .raxo-block-button,
.prime-orange .raxo-category {
	background-color: #F39D00!important;
}
.prime-orange .raxo-title::after {
	background-color: #F39D00!important;
}
.prime-orange .raxo-block-intro a {
	color: #F39D00 !important;
}
.raxo-list .raxo-block-name a:hover, .raxo-list .raxo-container a {
  color: #2173d7 !important;
}
.raxo-list {
  padding: unset!important;
}

.raxo-block-name {
  color: #2969b7!important;
  }
*/*******************************************************************/
/*                               JEVENTS                        */
/*******************************************************************/
/* FONT for Calendar display  */
.upcoming {
  text-align: left!important;
}
#jevents_body {
  font-size: unset!important;
}
#jevents_header {
   background-color: #2173d7!important;
   color: white!important;
  	text-align: center;
}
.jev_header {
  color: white!important;
}
#jevents_body .jev_blue a {
  color: black!important;
  padding: 10px;
}
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
    font-size: 12px!important;
  }
.ev_link_row:link {
    font-weight: bold;
}