body {
    background: #FFFFCC;
}

/***** to switch off Firefox dotted border when clicking on a link *****/
a {
	outline: 0;
}

.headingText {
    color: #006600;
    font-size: 0.85rem;
    font-weight: bold;
}

/***** for navbar text
.text-RMM {
  color: #006600 !important;
}

a.text-RMM:hover, a.text-RMM:focus {
  color: #006600 !important;
}
 *****/



@media (min-width: 576px) {
  .container {
      /*****    max-width: 572px; *****/
  }
.headingText {
    color: #006600;
    font-size: 1rem;
    font-weight: bold;
}
}

@media (min-width: 768px) {
  .container {
/*****    max-width: 760px; *****/
  }
.headingText {
    color: #006600;
    font-size: 1.5rem;
    font-weight: bold;
}
}

@media (min-width: 992px) {
  .container {
/*****    max-width: 982px; *****/
  }
  .headingText {
    color: #006600;
    font-size: 1.75rem;
    font-weight: bold;
}
}

@media (min-width: 1200px) {
  .container {
/*****      max-width: 1180px; *****/
  }
.headingText {
    color: #006600;
    font-size: 2rem;
    font-weight: bold;
}
}


a {
  color: #007bff; /***** #006600 *****/
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #990033;
  text-decoration: none;
}


.bg-RMM {
    background-color: #FFFF99 !important;
    border-color: #003300 !important;
}

.border-RMM {
    border-color: #006600 !important;
}

.border-black {
    border-color: #000000 !important;
}

.border-thick {
    border-width: 1em;
}


.border-RMM-thick {
    border-color: #006600 !important;
    border-width: 0.5em;
}


.colour-RMM {
    color: #006600;
}

.colour-RMM-muted {
    color: #99aa99;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
/*****  margin-right: 1rem; *****/
}

.navbar-brand > img {
  height: 100%;
  padding: 0px 5px 0px 0px;
/*****  padding: 15px;
  width: auto;  *****/
}




.navbar-RMM .navbar-brand {
  color: #006600;
}

.navbar-RMM .navbar-brand:hover, .navbar-RMM .navbar-brand:focus {
  color: #006600 !important;
}

.navbar-RMM .navbar-nav .nav-link {
  color: #006600 !important;
}

.navbar-RMM .navbar-nav .nav-link:hover, .navbar-RMM .navbar-nav .nav-link:focus {
  color: #990033 !important;
}

.navbar-RMM .navbar-nav .nav-link.disabled {
  color: #006600 !important;
}

.navbar-RMM .navbar-nav .show > .nav-link,
.navbar-RMM .navbar-nav .active > .nav-link,
.navbar-RMM .navbar-nav .nav-link.show,
.navbar-RMM .navbar-nav .nav-link.active {
  color: #006600 !important;
}

.navbar-RMM .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: #006600;
}

.navbar-RMM .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-RMM .navbar-text {
}

.navbar-RMM .navbar-text a {
}

.navbar-RMM .navbar-text a:hover, .navbar-RMM .navbar-text a:focus {
  color: #006600;
}


.dropdown-menu {
  background-color: #ffffcc;
  border: 1px solid #006600;
}

.dropdown-item {
    color: #006600;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #990033;
  background-color: #ffff99;
}


/***** https://codepen.io/surjithctly/pen/PJqKzQ *****/
/***** for nested menus *****/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}


.carousel-caption {
/*****  position: absolute;
  right: 15%;
  left: 15%; *****/
  position: relative;
  left: auto;
  right: auto;
  bottom: 20px;
  z-index: 10;
  /*****  padding-top: 20px; *****/
  padding-top: 30px;
  padding-bottom:  2px;
/*****  color: #fff; *****/
  color: #006600;
  text-align: center;
/*****  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-shadow: unset; *****/
}


/***** gives a minimum height for the scrolling pictures div *****/
.card-RMM {
  min-height: 18rem;
}


.media-body {
    min-height: 100px;
}



.RMMol ol {
    counter-reset: item;
}
.RMMol ol  li {
    display: block;
    padding-left: 0.5em;		 
    padding-top: 0.5em;		 
}
.RMMol ol  li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    margin-left: -1.8em;
}

.embed-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-video iframe, .embed-video object, .embed-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.picturetext {
	color: #000000;
	font-size: small;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
	line-height: normal;
	padding: 0 0 20px 0;
}

.RMMstrike {
    text-decoration: line-through;
}


.navbar-brand-RMM {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}


.fs-RMM {
  font-size: 0.8rem !important;
}


/***** changes made for bootstrap 5 *****/
/***** needed to stop the modal window in fancybox occupying the whole screen *****/
.modal-RMM {
  position: fixed;
/*****
  top: 0;
  left: 0;
*****/
  z-index: 1060;
  display: none;
/*****
  width: 100%;
  height: 100%;
*****/
  max-width: 100%;
  max-height: 100%;
/*****
  overflow-x: hidden;
  overflow-y: auto;
*****/
  outline: 0;
}