@charset "utf-8";
:root {
  --mrMainColor: #FFCB92;
  --mrDarkColor: #B38554;
  --mrDarkColor4: rgba(179, 133, 84, 0.4);
  --mrDarkColor6: rgba(179, 133, 84, 0.8);
  --mrLiteColor: #FFD6AB;
  --mrLiterColor: #FFEDD9;
  --mrDarkerColor: #844E14;
  --mrAccentDarkColor: #4295B3;
  --mrAccentDarkerColor: #306C82;
  --mrAccentDarkestColor: #245161;
  --mrAccentLiteColor: #91E2FF;
  --mrTextDark: #331C04;
  --mrTextLite: #FFD6AB;
  --mrWhite: #FFF;
  --mrWhite3: rgba(255, 255, 255, 0.3);
  --mrBlack: #000;
  --mrWTF: #ff00ff;
  --mrWTF2: #FFFF00;
  --mrThirdColor: #4F8F5B;
  --mrEspHDText: #7FFFD4;
  --mrEspHiliteText: #C2FEF8;
}
html {
    background-color:  var(--mrMainColor);
}
body {
    margin-top: 4.375rem;
    background-color: var(--mrMainColor);
    background-size: cover;
    background-attachment: fixed;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    min-height: 100%;
}
.videohtml {
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    height: 100%;
}
p {
    color: var(--mrTextDark);
    font-size: 15px;
}
.mrClear {
  clear: both;
  height: 0px;
}
.container-fluid {
  margin: 0;
  padding: 0;
  background-color: var(--mrMainColor);
}
header {
  vertical-align: middle;
}
.mrImage {
  left: auto;
  top: auto;
  width: 8%;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  margin-left: 4em;
  max-width: 7em;
  float: left;
}
h1 {
  font-family: tangerine;
  font-style: normal;
  font-weight: 400;
  padding-left: 15%;
}
h2 {
 /* not currently used */
}
h3 {
 /* not currently used */
}
h4 {
    font-family: source-sans-pro;
    font-size: 18px;
    text-align: center;
    font-weight: bold;	
}
h5 {
    font-family: source-sans-pro;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
	color: var(--mrAccentDarkerColor)
}
h6 {
/*
	font-family: source-sans-pro;
    font-size: 18px;
    text-align: left;
    font-weight: 800;
	color: var(--mrAccentDarkerColor)
*/
}
a {
  color: var(--mrTextDark);
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
}
a:hover {
  color: var(--mrTextLite);
  background-color: var(--mrAccentDarkColor);
  text-decoration: none;
}
.LooksLikeALink {
	color: var(--mrAccentDarkerColor);
	text-decoration: underline;
	font-weight: 400;
    padding: 0;
}
.LooksLikeAStepLink {
    color: var(--mrThirdColor);
    text-decoration: underline;
    padding: 0;
    font-weight: 400;
}
.LooksLikeAStepLink:hover {
    background-color: var(--mrThirdColor);
    color: var(--mrTextLite);
}
.navbar {
  margin: 0px;
  height: 70px;
  background-color: var(--mrAccentDarkerColor);
  border-bottom-color: var(--mrAccentDarkerColor);
  border-bottom-style: solid;
}
.navbar-toggler {
  color: var(--mrTextLite);
  font-family: tangerine;
  font-style: normal;
  font-weight: 400;
  font-size: xx-large;
}
.bg-primary {
  background-color: var(--mrMainColor);
}
.navbar-brand {
  font-family: tangerine;
  font-style: normal;
  font-weight: 400;
  font-size: 33pt;
  color: var(--mrTextLite);
  padding-bottom: 0px;
}
.nav-link {
  background-color: var(--mrAccentDarkerColor);
  color: var(--mrTextLite);
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
}
.nav-item .active {
  font-style: normal;
  font-weight: 900;
}
.nav-link:hover {
  background-color: var(--mrAccentDarkColor);
  font-weight: 900;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dropdown-menu, .dropdown-item {
  background-color: var(--mrAccentDarkColor);
  color: var(--mrLiteColor);
}
.dropdown-item:hover {
  background-color: var(--mrAccentDarkerColor);
  color: var(--mrLiteColor);
  font-weight: 900;
}
.dropdown-item:active {
    background-color: var(--mrLiteColor);
    color: var(--mrAccentDarkerColor);
}
.pageName {
    color: var(--mrTextDark);
    float: left;
    padding-top: 0.8em;
    text-align: center;
}
.mrButtonsVidEng, .mrButtonsVidEsp {
    margin-top: 8px;
    background: var(--mrAccentDarkColor);
    color: var(--mrLiteColor);
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    border-color: var(--mrLiteColor);
    width: 100%;
    text-align: left;
    line-height: 100%;
    padding: 6px;
}
.mrButtonsVidEng {
    float: right;
    text-align: right;
}
.mrButtonsVidEsp {
    float: left;
}
#HTV_Eng {
	padding-left: 25px ;
}
#mrHomePage section, #mrMoreToolsPage section {
  background-color: var(--mrLiteColor);
  border-radius: 15px;
  border-style: groove;
  border-width: 5px;
  border-color: var(--mrAccentDarkColor);
  width: 96%;
  padding: 1%;
  margin: 3%;
}

#mrSearchPage section {
  background-color: var(--mrLiteColor);
  border-radius: 15px;
  border-style: groove;
  border-width: 5px;
  border-color: var(--mrAccentDarkColor);
  padding: 1%;
  margin-left: 1%;
  margin-right: 1%;

}
ul {
  font-family: source-sans-pro;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: var(--mrTextDark);
  list-style-type: disc;
}
.nbo {
    list-style: none;
    counter-reset: item;
    list-style-position: outside;
}
.nbi {
    counter-increment: item;
    margin-bottom: 5px;
}
.nbi:before {
   margin-right: 10px;
   content: counter(item);
   background: #06AF8F;
   border-radius: 100%;
   color: white;
   width: 1.2em;
   text-align: center;
   display: inline-block;
 }
.btn-accordian {
    background-color: var(--mrAccentDarkerColor);
    color: var(--mrTextLite);
    margin-left: 35px;	 
}
.btn-accordian:hover {
	color: white;
	text-decoration: none;
}
.btn-link {
	color: var(--mrTextLite);
    text-decoration: none;
    width: 100%;
}
.btn-link:hover {
    color: rgb(255,255,255);
    text-decoration: none;
}
.btn[data-toggle="collapse"]:after, .btn[data-toggle="collapse"].collapsed:after {
  position:absolute;
  color: var(--mrMainColor);
  font-size: 25px;
  left: 34rem;
  top: -4px;    
  text-decoration: none;
}
.btn[data-toggle="collapse"]:after {
    content: '\25B2';
    color: var(--mrDarkerColor);
  } 
.btn[data-toggle="collapse"].collapsed:after {
  content: '\25BC';
  }
.clps_hd_text_esp, .clps_hd_text_esp:hover, .clps_hd_text_eng, .clps_hd_text_eng:hover {
    text-align: center;
}
.clps_hd_text_esp {
    color: var(--mrEspHDText);
}
.clps_hd_text_esp:hover {
    color: var(--mrEspHiliteText);
}
.clps_hd_text_eng {
    color: var(--mrLiteColor);
}
.clps_hd_text_eng:hover {
    color: var(--mrLiterColor);
}
.accordion {
    margin-top: 10px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 30px;
    min-width: 80%;
}
.acCard {
    background-color: var(--mrMainColor);
    margin-top: 5px;
    border: none;
}
.acCard-body {
  background-color: var(--mrAltLiteColor);
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  color: var(--mrTextDark);
}
.acCard-header {
	color: var(--mrTextLite);
    background-color: var(--mrAccentDarkColor);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    height: 4rem;  
    width: 36rem;
    text-align: center;
}
.carousel-control-next, .carousel-control-prev {
  background-color: var(--mrDarkerColor);
  width: 8%;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
  background-color: var(--mrAccentDarkColor);
}
.carousel-caption {
    background: var(--mrDarkColor6);
    position: fixed;
    max-width: 100%;
    padding-bottom: 0px;
    padding-top: 2px;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 300; 
	display: none;
}
.carousel-caption p {
  padding-bottom: 0px;
}
.mrButtons {
  margin-top: 4px;
  background: var(--mrDarkColor);
  color: var(--mrLiteColor);
  font-family: source-sans-pro;
  font-style: normal;
  font-weight: 400;
  border-color: var(--mrLiteColor);
}
#CaptionHide {
  display: none;
}
.img-fluid {
  max-width: 84%;
}
#mrSearchPage dd {
	padding-left: 5%;
	margin: 0;
}
#mrSearchPage .mi {
	background-color: var(--mrLiterColor);
}
.videoHeadEng {
    
    text-align: right;
 /*   color: var(--mrTextDark); */
  /*  padding-left: 2rem; */
    max-width: 400px;
}
.videoHeadEsp {
    text-align: left;
    max-width: 400px
}

.tooltip .tooltip-inner {
    max-width: 25rem;
    padding: 0.5rem;
    color: var(--mrTextLite);
    text-align: center;
    font-weight: 700;
    background-color: var(--mrDarkColor);
    border-radius: 2rem;
}
.popover {
    background-color: var(--mrAccentDarkColor);
    color: var(--mrTextLite);
}
.popover-header {
    background-color: var(--mrAccentDarkestColor);
}
.popover-body {
    color: var(--mrTextLite);
}
.clear-my-footer {
	margin-bottom: 3.75rem;
}
footer {
  background-image: -webkit-linear-gradient(270deg, var(--mrMainColor) 0%, var(--mrDarkColor) 47.05%, var(--mrDarkColor) 100%);
  background-image: -moz-linear-gradient(270deg, var(--mrMainColor) 0%, var(--mrDarkColor) 47.05%, var(--mrDarkColor) 100%);
  background-image: -o-linear-gradient(270deg, rgba(255, 203, 146, 1.00) 0%, rgba(179, 133, 84, 1.00) 47.05%, rgba(179, 133, 84, 1.00) 100%);
  background-image: linear-gradient(180deg, var(--mrMainColor) 0%, var(--mrDarkColor) 47.05%, var(--mrDarkColor) 100.00%);
  text-align: center;
  font-size: small;
  clear: both;
  padding-top: 10px;
  margin-top: 0px;
  color: var(--mrTextLite);
  background-size: cover;
  padding-bottom: 5px;
  bottom: 0px;
  width: 100%;
  position: fixed;
}
@media (max-width: 575px) {
/*  section {*/
.col-sm-6 {
    width: 100%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
    float: none;
  }
h2 {
		background-color: var(--mrAccentDarkColor);
		color: var(--mrTextLite);
	}

}