﻿@media all {

	.deftd {  }
	.defTop { padding: 5px; background-color: var(--a1Clr); border-radius: 10px; border: 2px solid var(--bgClr); 
	box-shadow: 2px 2px 2px var(--b1Clr); overflow: hidden; margin: 20px 2px 5px 2px; }
	.defMid { margin-top: 5px; padding: 20px; }
	.defMid p:first-of-type {  margin-top:0; min-width: 130px;  }  
	.defMid p:not(:first-of-type) {  overflow: visible; }  
	.defBot { text-align: center; }
	

	.defDefOf { font-size: 12px; color: var(--b3Clr); font-style: italic; margin: 0 0 -12px 15px; }
	.defWord h1 { height: auto; font-size: 33px; float: left; margin: 0; padding: 8px 8px 8px 15px; }

	.defMore { float: right; margin: 8px 28px 5px 8px; font-size: 20px; }
	
	
	.defImgLt { float: left; padding: 5px 16px 5px 5px; }
	.defImgRt { float: right; padding: 5px 5px 4px 16px; }



	.defSeeWord { text-align:center; padding: 15px 5px 5px 0px; font-size: 16px; font-style: italic; }
 	
	.defSeeWord a {
		display: inline-block; padding: 0.1rem 0.3rem; border: 1px solid var(--b2Clr);
		border-radius: 0.6rem; background-color: var(--a0Clr);
	}
	.defSeeWord a:hover {
		border: 1px solid var(--a3Clr); background-color: var(--a2Clr); cursor: pointer;
	}


	.defFlash { border: solid 2px #cceeff; padding: 3px 3px 0 3px; display: table; margin: 0 auto; border-radius: 12px; text-align: center; }

	.defBorderBot { border-top: 4px solid #ffddff; margin: 10px 0 10px 0; }

	
	.alpha { text-align: center; margin: -46px 0 8px 0; }  
	.alphaLtr { opacity: 0.7; background-color: var(--a0Clr); text-decoration: none; font: 16px Arial; color: #00e; display: inline-block; padding: 5px 8px 5px 8px; border: 1px solid rgba(0, 0, 255, 0.1); }
	.alphaLtr:hover { opacity: 1; background-color: var(--b2Clr);  }
	
	.h1Div { display: flex; justify-content: center; align-items: center; align-items: baseline; text-align: center; margin: 9px 0 0 0; }
	.h1adiv { display: inline-block; background-color: var(--a0Clr); padding: 6px; margin:4px 20px 0 0; font-size: 1.2rem; line-height: 1.2rem; text-decoration: none; border-radius: 10px;  }
	.h1adiv:hover { background-color: var(--b2Clr);  }
	

	.ltrCols {
		-webkit-column-width: 170px;
		-webkit-column-gap: 10px;
		-moz-column-width: 170px;
		-moz-column-gap: 10px;
		column-width: 170px;
		column-gap: 10px;
	}
	
	



.descrTop { text-align:center; font-style: italic; }
.showOnly { text-align:center; margin-bottom:12px; }

	.ltrDef { background-color: var(--b1Clr); box-shadow: 2px 2px 4px var(--b2Clr); font-size: 16px; display: inline-block; width: 85%; text-align: center; padding: 3px 5px 3px 5px; margin: 8px 0 0 0;  border-radius: 6px; overflow: hidden; }
	.ltrDef:hover { color: var(--r1Clr); background-color: #ffe; box-shadow: 2px 2px 6px #ee8; }
	
	.ltr2Btn { color:var(--b3Clr); background-color: var(--b0Clr); box-shadow: 2px 2px 4px var(--b0Clr); font-size: 16px; display: inline-block; width: 50px; text-align: center; padding: 3px 5px 3px 5px; margin: 8px 2px 0 0; border-radius: 6px; overflow: hidden; }
	.ltr2Btn:hover { color:var(--b4Clr); background-color: var(--a2Clr); box-shadow: 2px 2px 6px var(--a2Clr); }
	.ltr2BtnOn { color:var(--txtClr); background-color: var(--a0Clr); box-shadow: 2px 2px 4px var(--b2Clr); }

}
@media (max-width: 690px) {

	.defMid { padding: 0px; }
	.alpha { display: none; }

}



@media (max-width: calc(100px + 100%)) {
	img { float: none; border: 1px solid blue; }


}
