/* The custom css for the DrJessie.life Site - !important calls to override css from the template css files.
---------------------------------------------------------------------------------------------------------------------------- */
/* *** this is for mobile or desktop - to show one or the other only *** */
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;} }

/* ***=======@@@@@@@~~~|||||||>>> CUSTOM MISC ELEMENTS <<<|||||||~~~@@@@@@@=======*** */


.center {
  text-align: center;
}

.center_block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	
/* ***=======@@@@@@@~~~|||||||>>> Typography Elements <<<|||||||~~~@@@@@@@=======*** */

/* *** this makes an img float r and the text wrap *** */
div.img_margin_copy_float_r {
	margin: 10px 0px 10px 20px !important;
	float: right !important; }

/* *** this makes an img float l and the text wrap *** */
div.img_margin_copy_float_l {
	margin: 10px 20px 10px 0px !important;
	float: left !important; }

/* *** this makes text black & bold *** */
.font-header-black {
	color: #000000; 
	font-weight: bold;
	font-size: 100%; }
	
/* *** this makes text black & bold *** */
.font-header-black125 {
	color: #000000; 
	font-weight: bold;
	font-size: 125%; }
	
/* *** this makes text black & bold *** */
.font-header-black150 {
	color: #000000; 
	font-weight: bold;
	font-size: 150%; }
	
/* *** this makes text white & bold *** */
.font-header-white {
	color: #ffffff; 
	font-weight: bold;
	font-size: 100%; }
	
/* *** this makes text dark gold & bold *** */
.font-header-dkgld {
	color: #322011; 
	font-weight: bold;
	font-size: 100%; }

/* ===== KI Long-Form Article Card Fixes ===== */

/* Stop giant blocks from "jumping" on hover */
.no-lift,
.no-lift:hover{
  transform: none !important;
}

/* Keep the pretty card look but remove hover motion + aggressive glow changes */
.no-lift:hover{
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Long-form readability inside cards */
.ki-copy p{
  margin: 0 0 1.05rem 0;
}

.ki-copy ul{
  margin: 0.35rem 0 1.2rem 1.25rem;
}

.ki-copy li{
  margin: 0.35rem 0;
  color: var(--text-muted);
}

.ki-copy strong{
  color: var(--text-main);
}