.mceContentBody {
background: #fff; 
}
body {
  font-family: Encode Sans Condensed, Arial, Verdana, sans-serif;
  font-size:16px;
  background-image: url(/images/greydots.jpg);
  position: relative;
  background-position: 50% 0%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover !important;
  }
  .container-header {
    background-color: transparent;
    background-image: none;
    margin:auto;
    width:95%;
}
.container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)) {
  background-color: #d5e7fb;
  border: 1px solid grey;
  font-weight: 500;
  font-size: 1rem;
}
.container-header .mod-menu > li::after {
	display: none;
}

.grid-child.container-nav {
  background: rgb(0,0,0);
  padding-top: .75em;
  padding-left: .75em;
  padding-bottom: 10px;
  border-radius: 7px 7px 0 0;
}
.nav-item:hover, .nav-item.current.active {
  color: #59a6ff;
}
.icon-chevron-down {
  font-size: 10px;
}

.breadcrumb {
  background-color: #eee;
  font-size: .95em;
}
.py-2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.px-3 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.menulink {
  color:#fff;
  text-decoration:none;
  padding-right:10px;
  }
.menulink a:hover {
   color: #59a6ff;
  }
p.menulink {
  color:#fff;
  text-decoration:none;
  padding-right:10px;
  }

  
  .site-grid {
  width:95%;
  margin: auto;
  background: #fff;
  border-radius: 0 0 7px 7px;
  box-shadow: 0px 0px 30px rgba(0,0,0,0.75);
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
}
.grid-child {
  width: 100%;
  max-width: 1920px;
}
.footer {
  color: #000;
  background-color: transparent;
  background-image:none;
   margin:auto;
   width:95%;
  }
  @media only screen and (min-width: 1000px) {
		.container-header {  width:80%;  }
	}
@media only screen and (min-width: 1000px) {
		.site-grid {  width:80%;  }
	}	
@media only screen and (min-width: 1000px) {
		.footer {  width:80%;  }
	}
  
  a {
    color: #2187fd;
	text-decoration:none!important;
	}
	
.page-header {
  text-transform: uppercase;
}	

.page-header h1 {
  border-bottom: 1px dotted black;
  margin-bottom: 20px;
}
  
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Encode Sans Condensed, Arial, Verdana, sans-serif;
  }
h1,.h1 {  
    font-weight: 100;
 } 
h2, .h2 {
  font-size: 1.75rem;
  text-transform:none;
} 
h3, .h3 {
  font-size: 1.25rem;
  text-transform:none;
}

.bullet {
padding-left:20px;
font-size:2em;
}
 
    
 /* FLEX 4 DIV */
.iconmenu {
   background:#3a92f9;
   padding:10px;
   display: flex;
  flex-wrap: wrap;
 }
 .iconitem {
  color:#fff;
  font-size: 1em;
  text-align: center;
  padding:5px;
  flex: 25%;
}
.iconitem a {
  color: #fff;
  text-decoration: none;
}
.iconitem a:hover {
  color: #000;
}
.container-header .container-search {
  margin-top: 0px;
}


 /* END FLEX 4 DIV */

/* Make a one column-layout */
@media (max-width: 400px) {
  .iconitem {
    flex: 100%;
  }
}
/* FORMS */
.form-check-input {
   border: var(--border-width)solid #878888;
}
.form-control {
  background-color: #f1f6fd;   
  }
  
  .icon-calendar::before {
  display: none;
}
dd {
  font-style: italic;
}

/* FRONT END EDITOR */
.mceDefaultSkin .mceLayout {
  border: 1px solid #b0b0b0 !important;
}
.mceDefaultSkin .mceLayout .mceBranding {
  display: none !important;
}
.mceModernSkin .mceToolbar {
  background: #eee !important;
}

/* TICKET SYSTEM */
div#jsst-header {
  background-color: #c0c0c0 !important;
}
div#jsst-header div#jsst-tabs-wrp span.jsst-header-tab a.js-cp-menu-link {
  padding: 8px 12px !important;
}
div.js-form-submit-btn-wrp input.js-save-button {
  background-color: #2187fd !important;
  }
div.js-form-submit-btn-wrp input.js-save-button {
  padding: 10px 10px !important;
}
div.js-form-submit-btn-wrp a.js-ticket-cancel-button {
  padding: 10px 10px !important;
  }
  div#js-tk-copyright div.js-tk-copyright-logo-wrapper {
  display: none !important;
}
div#js-tk-copyright div.js-tk-copyright-desc-wrapper {
    display: none !important;
}
div#js-tk-formwrapper div.js-form-title {
  color: #000 !important;
}
div#js-tk-formwrapper div.js-form-value input.js-form-input-field {
  border: 1px solid #b0b0b0 !important;
  }
  div#js-tk-formwrapper div.js-form-value select.js-form-select-field {
  border: 1px solid #b0b0b0 !important;
  }