<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
	Author: Tim Langeman
	Author URI: https://www.openpolitics.com/tim
	Package:    https://www.CiteIt.net
*/

/* Hidden div at the bottom of the page that houses a copy of the json data */
div#citeit_container {
	display:none;
}

div.ui-dialog, div.ui-widget {
	display: visible;
	z-index: 999999;
}

div.ui-dialog-content {
	line-height: 150%;
}

span.lookfor_quote, span.contextual_quote {
	background-color: #d6e8ec !important;
}


span.blockquote {
	color: #555;
}

/* Inline Popup */
div.source_url {
	margin-top: 0px !important;
	float: left;
}


div.quote_arrows a, a.citeit_source_domain {
	color: #0ebfe9;
	border: 0px;
}

/*
q, q a, span.q, {
	color: #333;
	background-color: #d6e8ec;
}
*/



/* Highlight active quote */
q a.active, span.q,  q a.active:visited {
	background-color: #f8ff75;	  /* TODO: Color choice:  #a9f0a3 | #f8ff75  */
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: red !important;
    text-decoration-style: double !important;
	/* text-decoration-thickness: 7px; */
    /* border-width: 0px 0 0px 6px !important; */
}

a.q-tip {
	color: red !important;
	background-color: green !important;
}

q, q a, span.q {
	color: #33333;
	text-decoration: none;
	border-bottom: 0px dotted;
	background-color: #d6e8ec;
	/* TODO: text-decoration-color: rgb(255,105,25) !important;  */
}

q.tag.active {
    background-color: orange;
}


q a:hover {
	text-decoration: underline;
	/* TODO: text-decoration-color: rgb(255,105,25) !important; */
	border-bottom: 3px solid;
	background-color: #d6e8ec !important;	
}


q {
    quotes: "" "" "" "";
}



.highslide-maincontent.ui-dialog-content.ui-widget-content {
	width: 90% !important;
	font-size: 85% !important;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
	background-color: #0ebfe9;
	margin: -5px;
	padding: 7px 0 7px 10px;
}


.ui-widget.ui-widget-content {
	border: 2px solid #c7dcdf;
	font-size: 95%;
}


highslide-maincontent ui-dialog-content ui-widget-content {
  background-color: #f6fdff;
  margin-right:5%;
  width: 90%;	/* Substack-WordPress: 95% / 90% */

}

div.highslide-maincontent a.source_label {
  color: #000;
  margin: 0 0 2px -5px;
  text-decoration: none;
  display: block;
}


div.context {
	margin-top: 7px;
	border-left-color: #121BFA !important;
	border-left-style: solid;
	border-left-width: 4px;
}

.q-tag-highlight, .highlight {
	background-color: #f8ff75;
	color: #333;
}

div.highlight {
	padding: 5px 10px 5px 15px;
	margin-bottom: 15px;
	font-size: 115%;
}

span.highlight_light {
	background-color: #e6ec72;
}


.source_domain {
 	display: block;
	clear: left;
}

div.citeit_source {
	float: right;
	margin-right: 10%;
	margin-top: -40px;
	font-size: 85%;
}

span.citeit_source_label {
	padding-right: 7px;
	padding-left: 10px;
	color: #999;
}

/* jQuery Demo Style */
div#demo_content {
	background-color: #eee;
	border: 1px solid #777;
}

.ui-draggable .ui-dialog-titlebar {
	font-size: 100%;
	font-weight: 800;
}

.ui-dialog-content {
	font-size: 90%;
}

/* Position Demo */
.positionDiv {
  position: absolute;
  width: 75px;
  height: 75px;
  background: #080;
}

div.highslide-maincontent{
	font-size: 105%;
}

div.highslide-maincontent a{
	text-decoration: underline;
	color: #168DD9;
}

.ui-dialog .ui-dialog-content {
	z-index: 9999999;
}

/* blockquote style */
div.quote_arrows {
	text-align: center;
	color: #0ebfe9;
	font-size: 105%;
	line-height: 1.5;
	margin-bottom: 10px;
}


div.quote_arrows.context_up {
	margin: 0 0 -25px 0;
}


div.logo div.quote_arrows {
	line-height: 2;
}

div.quote_context {
	color: #999;
}

blockquote.quote_context {
	color: #777;
	border: 1px solid 1px solid #cdcdc;
	background-color: #eef3f5;
	padding: 20px 35px 25px 35px;
	margin: 0 30px 5px 30px;
}

div.context {
	background-color: #eef3f5;
	color: #777;
	padding: 20px 20px 5px 20px;
	margin-bottom: 20px;
}

blockquote.quote_text p {
	/* background-color: #f8ff75; */

}

blockquote.quote_text {
	border-left-color: #121BFA !important;
	border-left-style: solid !important;
	border-left-width: 4px !important;
	color: #333;
	border: 1px solid #d8e7f2;
	background-color: #d6e8ec !important;
	padding: 15px 30px 5px 30px;
	margin: 0 0 15px 0;
	quotes: "\201c" "\201d" "\2018" "\2019";
}

blockquote.quote_text:before {
	content: "\201C";
	color: #999;
	margin-top: -5px;
	vertical-align: -0.4em;
}

blockquote.quote_text:after {
	content: "\201D";
	color: #999;
	margin-top: -5px;
	text-align: right;
	margin-left: -10px;
}

blockquote.quote_text a span.highlight {
	margin-left: 5px;
    padding-right: 2px;
}

blockquote::before {
	/*  content: "";	  remove quote symbol: "\201C" */
}


.video-container {
	position: relative;
	/* padding-bottom: 56.25%; */
	padding-bottom: 50%;
	width: 100%;
	height: auto;
    margin: 2% 0% 2% 1%;
}


blockquote.quote_context div.video-container iframe {
  width: 93%;

}

div.title {
  float: left;
  color: #121BFA !important;
  font-weight: 800;
  margin-top: 5px;
}

.play-buttons {
  float: right;
  padding-bottom: 5px;
  q-tagmargin-top: -15px !important;
}


/******************** BEGIN: TOOLTIP ***********

Credit: https://www.w3schools.com/css/css_tooltip.asp

************/

.tooltip {
  position: relative;
  display: inline-block;
  border: 2px solid #ccc;
  border-radius: 5px;
  z-index: 19999999;
  padding: 0 5px
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 19999999;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 19999999;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.ui-tooltip {
  z-index: 19999999;
}

/******************** END: TOOLTIP ***********************/


.context_block {
  clear: left;
  padding: 15px 0 15px 0;
}

.not_video {
    display: none;
}


.video_without_context {
  font-size:110%;
  font-weight: 800;
  color: #777;

}

.start_playing {
  margin: 3px 0px 15px 0px;
  float: none;
  clear: left; 
  text-align: left;
  font-size: 75%;
}

.starts_at {
  color: blue;
}

h4.without_transcript {
  color: red;
  clear: left;
  font-size: 105%;
  margin-top:0px;
}


h3.context_found, h3.no-context-found {
  font-size: 150%;
  margin-bottom: 10px;
  margin-top: 5px;
  float: left;
  clear: left;
}

div.context {
  clear: left;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 100%;
}

.blockquote_video {
	margin: auto:auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.source_info {
  background-color: #eee;
  border: #999 solid 1px;
  margin: 45px -11px 0px -11px;
  padding: 20px;

}
div.read_more {
  margin-top:25px;
  margin-bottom: 0px;
}

a.close {
  background-color: #121BFA !important;
  color: white;
  font-weight: 800;
  padding: 13px 15px 15px 15px;
  text-decoration: underline;
  float: right;
  margin-top: -10px;
  margin-right: 7px;
}

a.close:link {
  background-color: ##121BFA !important;
  color: white;
  text-decoration: underline;
}


a.inline_source {
  font-size: 85%;
  margin-left: 20px;
}

a.rotated180{
  display: block;
  transform: rotate(180deg);

  /* Safari */
  -webkit-transform: rotate(180deg);

  /* Firefox */
  -moz-transform: rotate(180deg);

  /* IE */
  -ms-transform: rotate(180deg);

  /* Opera */
  -o-transform: rotate(180deg);

}


/* Blockquote Video: YouTube */
iframe.youtube {
  margin-top: 10px;
}

.youtube-icon {
  display: inline !important;
  margin-bottom: -7px !important;
}

.text-icon {
  display: inline !important;
  margin-bottom: -5px !important;
}

a.citeit-q {
  padding-right: 5px;
}

.q-tooltip.highight {
  margin-top: -24px !important;
  padding-right: 5px;
  background-color: #f8ff75;
}

.note_num {
  display: none;  /* hide for now */
}

.citeit_tooltip {
  background-color: #f8ff75;  /* rgb(14, 191, 233); */
  font-weight: 400;
  color: #333;
  border: 3px solid #fcfee1 !important;
}

.video-contatiner iframe.notooltip {
  color: red;
}


.ui-widget-content {
    font-size: 16px !important;
    bo
}

.ui-widget-content.ui-dialog-content div.start_video {
    font-size: 13px !important;
    color: rgb(51, 51, 51) !important;
    margin-top: 4px;
    margin-bottom: 7px !important;
}

.transcript_contents {
    background-color: rgb(238, 243, 245) !important;
    border-left-color: rgb(18, 27, 250) !important;
    border-left-style: solid;
    clear: left;
    color: rgb(119, 119, 119);
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 7px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;    
}

.transcript {
    overflow-y: auto;  /* Adds vertical scrollbar */
    border: 1px solid #ccc;
    padding: 10px;
    max-height: 300px; /* Limits height */
    Background-color: red;
    font-size: 15px;
}

.popup-footer {
    font-size: 15px;
    margin-left: 15px;
}


/******* Tooltip Credit: https://www.w3schools.com/howto/howto_css_tooltip.asp **********/


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  z-index: 999;
}

span.context_header {
  color: #999;
  font-weight: 800;

}

.hide_blockquote {
  float: right !important;
  background-color: blue !important;
  color: #fff; 
  padding: 5px 7px;
  font-size: 90%
}

.hide_blockquote a {
  color: #fff;
  text_decoration: none;
}

.hide_blockquote a:hover {
  color: #fff;
  text_decoration: underline;
}

.tooltip_icon {
  font-size: 130%;
  margin-left: 10px;
  background-color: #999;
  padding: 1px 5px;
  color: #fff;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;
  z-index: 999;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Increase Popup Font-size */
.highslide-maincontent .width_800 .ui-dialog-content .ui-widget-content,
.highslide-maincontent .width_700 .ui-dialog-content .ui-widget-content,
.highslide-maincontent .width_640 .ui-dialog-content .ui-widget-content,
.highslide-maincontent .width_755 .ui-dialog-content .ui-widget-content {
   font-size: 170%;
}

.highslide-maincontent .width_400 .ui-dialog-content .ui-widget-content {
   font-size: 140%;
}



/* Twitter blockquote box */

.twitter_main {
  border-radius: 25px !important;
  border-width: 2px !important;
  border-color: #ccc !important;
  border-style: solid; 
  
  padding-left: 16px !important;
  font-size: 110%;
  width: 93%;
  padding-top: 20px; 
  max-width: 540px;
}

.twitter_blockquote {
  background-color: #F8F3D2;
  border-radius: 25px;
  border-width: 2px !important;
  border-color: #ccc!important;
  border-style: solid;
  margin: 0px 15px;
  padding: 25px;
  width: 93%;
  max-width: 540px;
  margin-top: 20px;
}

/
*********** Phone-specific Styles *************/

@media only screen and (min-height: 1200px) {

	.highslide-maincontent {
		font-size: 10px !important;
	}

}

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

	.highslide-maincontent {
		font-size: 95% !important;
	}

}

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

	div.quote_arrows a {
		font-size: 150%;						/* make it larger: to select on phone screen */
		border: 0px;
	}
	span.view_on_youtube {
		font-size: 85%;
		background-color: #f8ff75;
	}

	iframe.youtube {
		width: 320px;
		height: 270px;
	}

	blockquote.quote_context {
		color: #999;
		border: 1px solid 1px solid #cdcdc;
		background-color: #eef3f5;
		padding: 20px 30px 25px 20px;
		margin: 0 25px 5px 25px;
	}

	div.highslide-maincontent{
		font-size: 90%;
	}

	.ytp-cued-thumbnail-overlay-image {
	  width: 320px;
	  height: 270px;
	}


	.highslide-maincontent {
		font-size: 90% !important;
	}


}

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

	div.highslide-maincontent{
		font-size: 90px;
	}

	div.source_url {
	  font-size: 120%;
      clear: left;
      margin-top:5px;
	}

	.ytp-cued-thumbnail-overlay-image {
	  width: 320px;
	  height: 270px;
	}

}

@media only screen and (max-width: 300px) {
	.ui-dialog .ui-dialog-content {
	   margin-left: 10px;
	}

}

/******************** CSS Play buttons ********************/


.player-buttons {
  height: 35px;
  padding: 0px 2px;
}

div.center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

#control {
  position: absolute;
  bottom: 10px;
  width: 20px;
  height: 20px;
  right: 10px;
  cursor: pointer;

  .border {
    width: 100%;
    height: 100%;
    border: 1px solid #41fff5;
    border-radius: 20px;
  }

  &amp;.is--playing .border {
    border-top: none;
    border-bottom: none;
    animation: spin 1.5s ease-in-out infinite;
  }

  .play {
    position: absolute;
    top: 6px;
    left: 9px;
    box-sizing: border-box;
    height: 7px;
    width: 5px;

    border-color: transparent transparent transparent #41fff5;
    transition: 100ms all ease;
    will-change: border-width;
    cursor: pointer;

    // play state
    border-style: solid;
    border-width: 5px 0 5px 5px;
  }
  &amp;.is--playing .play {
    border-style: double;
    border-width: 0px 0 0px 6px;
    transform: translate(-1px, 1px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
</pre></body></html>