/* 
Modal Style add ons. 

This just ensures modal is centered,  remains at a fixed opsition, and inner text-align is set. Other styles directly applied in elemt tag, and from within JS modal manager */

.modal-container {
  display:none;
  text-align: center;
  position: fixed;
  top:0;	 
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}

/* set basic responsive text styles */
.modelInnerHtml {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.1;
}

/* set some button styles. Multiple
classes besides this one can be passed
in a single string, to JS management calls */
.cltxt {color: lightgreen; 
		font-weight: bold;
		font-size: 100%;
		}
.cltxt:hover, .cltxt:focus {
  color: yellow;
  text-decoration: none;
  transition: all 500ms ease;
  cursor: pointer;
}

.modelInnerHtml::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	background: rgba(128,64,0,0.5); 
}
.modelInnerHtml::-webkit-scrollbar { width: 3%; }


 @media screen and (min-device-width: 320px) and (max-width: 600px) and  (orientation: portrait)  {
	.modelInnerHtml {   line-height: 1.1; }

}

@media screen  and (min-device-width: 320px) and (max-width: 600px) and  (orientation: landscape)  {

	.modelInnerHtml {   line-height: 1.1; }

}




/* end of file */