﻿@charset "UTF-8";
 

11111.stand-alone-margin-quotation {
	BORDER: 0PX; 
	margin-top: 25px;
	}

????????????????????.content-key-verse {
	Z-INDEX: 120 !IMPORTANT;
	}


/**AUTHOR NAME MARKER**/
code { 
  	background: rgba(0,0,0,.05);
	}
/**AUTHOR NAME MARKER**/





??????????????????????.card-quote-section {  
  	max-width: 800px;  
  	margin: 1px auto;   
	MARGIN-BOTTOM: 0PX; 
  	7878background: rgb(5, 10, 21); 
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")   
	}

.row-keyword-synopsis {  text-align: justify; overflow-y: auto;
  	?????????????????max-width: 800px; width: 100%;  
  	margin: 1px auto;   
	MARGIN-BOTTOM: 0PX; 
  	7878background: rgb(5, 10, 21); 
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")   
	}

????????????????????????????#quote-container-margin-top {
	margin-top: 22px;  
	}



?????????????????????.text-center {
  text-align: center;
}

.quote-card { 
	width: 100% !important; 
	11111height: 55px !important; height: auto !important; 
	margin-top: 0px !important; 
	right: 0;
	margin-right: 0px;
	left: 0 !important;
	margin-left: 0px !important;



  	padding-top: 3px;
	padding-left: 30px;
	padding-right: 1px;
	padding-bottom: 3px;



	box-sizing: border-box;  
	clear: both; 
	11overflow-x: hidden;
	11overflow-y: auto; 
	transform: translateX(0px) translateY(28px) !important;    transform: translateX(0px) translateY(12px) !important;  
   	position: relative;  position: absolute; 
  	overflow: hidden;
	}

.quote-card p {
	font-size: 14px !important;
  	777font-family: 'Work Sans', sans-serif;
  	line-height: 1.5 !important;
  margin: 0;
  max-width: 80%;
}

.quote-card cite {
  display: block;
  font-weight: 200;
  opacity: 0.8;
}






	.quote-card:before { 
  		transform: translateX(-13px) translateY(28px) !important;  
		}

  	.quote-card p {
		font-size: 25px;    
		} 

	.quote-card cite {
		margin-top: 10px;
  		font-size: 20px;  
		}

	.quote-card:after {
		font-size: 10em;
  		right: -2px !important;
  		line-height: 100px;
  		bottom: -34px;
		}
















.quote-card:before {
  	font-family: Georgia, serif;
  	content: "“";
  	position: absolute;
  	left: 10px;
  	font-size: 5em; font-size: 7em;
  	color: rgba(0, 0, 0, 0.1); 
  	text-shadow: none;  
  	font-weight: normal;
	}

.quote-card:after {
  	font-family: Georgia, serif;
  	content: "”";
  	position: absolute;
  	color: rgba(0, 0, 0, 0.1); 
  	text-shadow: none;  
  	font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
.quote-card.blue-card {
  background: #303F9F;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #3F51B5;
}
.quote-card.red-card {
  background: #D32F2F;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
  color: #F44336;
}
.quote-card.yellow-card {
  background: #F9A825;
  color: #222222;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: #FBC02D;
}



#arranging-author-name {
	color: #f2f2f2 !important; 
	text-align: right; 
	padding-right: 30%;
	}




cite, code {
	77777color: #f2f2f2 !important; color: #000000 !important;
	}