html, body {
	width:100%;
	white-space:nowrap;
	margin:0;
	overflow:auto;
}

.quotation_wrapper, .email_preview_wrapper {
	background:white;
	border: 1.5px solid black;
}


/* For these two the margin-top has to be different to look visually similar.*/
#input-form { margin-top:15px; }
.intro_questions_table { margin-top:10px; }

.quotation_wrapper {
	padding:15px;
}

.email_preview_wrapper {
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.list_after_paragraph, .paragraph_after_list {
	margin-top:8px;
}

.video_container {
	width:100%;
	border: 1.5px solid black;
    border-radius: 8px;
}

.youtube_container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    border: 1.5px solid black;
    border-top:none;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
.youtube_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.email_preview_column_title {
	font-weight:600;
	width:0px;
	padding-right:12px;
}

.email_preview_subject_column {
	border-bottom: 1px solid black;
	padding-bottom: 10px;
}

.email_preview_column_title_value {
	width:100%;
}

.quotation {
	font-style:italic;
	margin-bottom:5px;
	font-size: 18px;
    font-family: serif;
}

.quotation_mark {
	font-size: 30px;
    position: relative;
    top: 5px;
    line-height: 16px;
    margin:5px;
}

.third_party_text, .code {
	background-color:#e3e3e3;
	border-radius:4px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
}

.quotation_author {
	margin-left:20px;
}

body, .text_area, .toc_credit_string {
	font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.blog_toc_margin_top {
	margin-top:8px;
}

.shop_list_title {
	font-weight:500;
	display:inline;
	text-decoration:underline;
}

.shop_list_text {
	display:inline;
}

.shop_list_title:hover {
	text-decoration: underline;
}

.shop_list_text, .shop_list_price, body {
	color: #111111;
}

.shop_list_price {
	font-weight: 500;
}

body {
	margin: 0px;
	
	text-align:center;
	background-color: RGBA(193,238,254,1.0);
	box-sizing:border-box;
	padding-left:120px;
}

.title_img, .hidden_title_img {
   width: 45px;
   height: 45px;
   vertical-align: bottom;
   position: absolute;
   top: -8px;
   margin-left: 4px;
 }
 
 .back_button_row {
 	width:100%;
 	margin-left: -7px;
    margin-top: -6px;
 }
 
 .nav_link, .section_link, .subsection_link, .blog_toc_row, .blog_title_link {
 	font-size:18px;
 	margin-top:3px;
 	display:block;
 }
 
 .blog_toc_row {
 	list-style:none;
 	vertical-align: text-top;
 }
 
 .published_by {
 	display:block;
 	margin-top:20px;
 }
 
 .published_by_on_list_page {
 	display:inline;
 	margin-top:3px;
 }
 
 .blog_title_link {
 	display:inline-block;
 	position:relative;
 	top:-15px;
 }
 
 .blog_toc_row_centered {
 	position:relative;
 	top:-15px;
 	text-align:center;
 }
 
 .blog_article_subscribe_ask {
	 text-align:center;
	 margin-top:25px;
	 margin-bottom:25px;
	 font-weight:600;
 }
 
 .blog_numbered_appendix_thingy {
 	font-weight:600;
 }
 
 .nav_link {
 	text-decoration:underline;
 }
 
 .center_strip_wrapper, .social_sign_in_link {
	padding-top:15px;
}

.social_sign_in_link {
	display:block;
}
 
 .center_strip_wrapper, .center_strip_wrapper_2 {
 	padding-bottom:15px;
 	padding-right:15px;
 	box-sizing:border-box;
 	white-space:normal;
 	text-align:left;
 }
 

.question_mark_title_img {
    display:inline-block;
}

.question_mark_title_img, .back_button {
	background-size: contain;
  	background-image:url('data:image/png;base64,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');
}

.dialog_text {
	text-align:center;
	display:block;
}

.sql {
	overflow-x: scroll;
    white-space: nowrap;
    /* background: white; */
    /* padding: 5px; */
    /* border: 1px solid black; */
    font-size: 12px;
    margin-top:-15px;
    text-align:left;
    display:inline-block;
}

.hidden_title_img {
    visibility:hidden;
    position:relative;
    height:0px;
}

.dropdown_wrapper {
	display:table;
	width:100%;
}

.dropdown {
	display:table-cell;
}

.question_mark {
	font-size:30px;
	display:block;
	position:absolute;
	margin-top:-20px;
}

.question_mark_cell {
	display:table-cell;
	width:80px;
}

.question_mark_wrapper {
	display: block;
    width: 0px;
    height: 10px;
    max-height: 10px;
    margin-left: auto;
    margin-right: auto;
}

ul, ol {
	padding-left:24px;
	margin-bottom:0px;
	margin-top:0px;
}

ul.embedded_list {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}

.error_arrow {
    background:       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACFElEQVRoge2ZMVLbQBSG/2cGaoYZ5EIufANzAzgCN8C+QaQLQEoawRHEDTgCnCD4BKGwCtsFUCRd8qdQ1hNZsqxdrbRhZr/Oz9b6/3ZWq/Uz4PF4PjWie8E6Hl0TuPl78c1psvhqPZUGWgKrKLyCSFooktPgLnuwGUqHxgKV4RUOJRoJ1IZXOJLYK9AovMKBRK2AVnhFzxI7BYzCK3qUGFQVd4YnXxrVRNJVFF61j7efksDumWcqkC/b1bzG8ud7kigI1IUPkmy2a5D8PTcSG4F1NDo3Ca+ok1hHo/NWKWvYCJzeLZ7LAZqFV1RLMM3H7obCEioG0AtvcwwdSjdxkGQzkNM2X2xjjKZUbqM29nCnz4HPhBdwjRdwjRdwjRcgOLaQwxgtgYOjHxU/XnBmLY0BWgInt28fJF//rZG4tJpIE+0lJIKn4msZd3ne34e2wIB83K6pVqMLtHujALCMwu8iMi4UHTW2jHYhqZxxuV/G4aRlHpMsZqyi8BtEijsQ8U7hxTDJ5q2TNcT4OUDBFMR7oSg4FshLXz0hoIVAPsss9YkA5J2IeHRtnEoD4yWkqGtBknwdiKS/wceullVrAQBYxuFEKE8QHNsYbx9BstjktnKYGybZnMKL7ad0H1g7jQ6TbH549POssjvXIVaP0ye3bx9Bks0O5dcYYFrapTrAyj1QxzIOJwOI1QOf639GPZ7/iT98mufJr087OAAAAABJRU5ErkJggg==');
    top: -3px;
    left: -2px;
}

.more_info_arrow {
    background:          url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABT0lEQVRoge2X0U3DMBCGP7NA2aBskG6QbtARChMgJugI7QawASPABi0TwAbABMeDSR9cG4XmnGuk+yS/NNXd/0XOJQbH0UZaEElWa52qxJV1gKG4gDUuYI0LWOMC1riANS5gjQtY4wLW5AS+Mr/dVM5xNhmB8Jb536JeBJnXKLpPzsTvFZoA0oB8gjxqF97WP9gfw3f1NSWkyQi8KNafJeGrSKTbSEA2ivXXmfqaErIqNFgrNWAMiedCg3ulBlSWkFmcQNkG23hdg7oS6bRIxqvWljpPIvQsPgdeKb+RP4AdcOgbt8Dt70p5gnA3sLY0hck01lJ7JnIvubHWyfD459do+IbwACyJW2psrpXrSfvHqNVe+9zU6/kQ95JpGH6HFsRhkHIAlnEHXCzFcZ298xeGh7fCw1tRPNBMIXzHycfblMJ3HCWmGL5DVhMO7/ADVFf3Ki24qc4AAAAASUVORK5CYII=');
    top: -1px;
    left: -2px;
}

.error_arrow, .more_info_arrow {
    width:16px;
    height:16px;
    
    position:relative;
    display:inline-block;
    
    background-size:cover;
}


.input_field[readonly="readonly"], .email_addy, .hashtag, .thought_message, .username, select:disabled {
	color:#008000;
	font-weight:500;
}

.noscript_input_field {
	display:block;
	margin-top:3px;
	height:100%;
	vertical-align:middle;
}

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.input_field, .input_field_with_error, .text_area, .payment_info_saved {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.payment_info_saved {
	text-align:right;
}

.input_field, .input_field_with_error, .text_area, select {
	background-color:white;
}

.error_text_wrapper {
	width:100%;
	font-size:16px;
	margin-bottom:12px;
	margin-top:2px;
}

.error_text, .beta_warning {
	color:#ea721c;
}

.section_text, .center_strip, .center_strip_2, .toc_credit_string {
	font-size:18px;
}


.page_title, .about_section_title_with_children {
	font-size:24px;
}

.page_title, .about_section_title_with_children, .section_link, .subsection_link {
	width:100%;
	margin-bottom:10px;
	text-align:center;
}


.page_title, .about_section_title_with_children, .section_header, .first_section_header, .section_link, .subsection_link, .nav_link, .blog_toc_row, .blog_prev_next_bar {
	font-weight:400;
	/* font-family: 'AytwitHeaderFontEmbedded', 'AytwitHeaderFontFromUrl', Comic Sans MS, Comic sans-serif; */
	color:black;
}

.section_header, .first_section_header {
	text-decoration:underline;
	text-underline-position:under;
	
	font-size:20px;
	
	font-weight:400;
	
	display: block;
	padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -10px;
    margin-top:14px;
}

.first_section_header {
	margin-top:-10px;
}

.page_title, .section_header, .first_section_header {
	font-weight: 500;
	
}

.blog_prev, .blog_next {
	display:inline-block;
}

.blog_prev {
	width:50%;
}

.blog_next {
	width:50%;
	text-align:right;
}


.about_section_title_with_children {
	margin-bottom:0px;
}

.section_header, .first_section_header, .section_link, .subsection_link, .bullet_point, .subsection_bullet_point {
	text-align:left;
}

.subsection_link {
	margin-left:25px;
}

.bullet_def {
	font-weight:500;
}

.frag_id_target_0:target, .frag_id_target_1:target, .listing_anchor:target {
	outline: none;
}

@keyframes target_animation {
	100% { background-color: rgba(0,0,0,.1); }
}

/*
.frag_id_target_0:target, .frag_id_target_1:target {
	
	animation: listing_anchor_target_animation .8s steps(10) 3;
}*/


/*@keyframes listing_anchor_target_animation {
	0% { left:0px; }
	50% { left:10px; }
	100% { left:0px; }
}*/

@keyframes listing_anchor_target_animation {
	0% { left:50%; opacity: .5; }
	100% { left:0px;  opacity: 1;}
}

.listing_anchor:target > *, .frag_id_target_0:target, .frag_id_target_1:target {
	position:relative;
	/* last "1" here means repeat one time.*/
	animation: listing_anchor_target_animation .5s steps(50) 1;
	animation-timing-function: ease;
}

.section_paragraph {
	/* text-indent: 20px; */
}

.about_section_for_sql {
	text-align:center;
}

.section_link, .subsection_link {
	margin-bottom:0px;
}

.subsection_bullet_point {
	margin-left:25px;
}

.bullet_point, .subsection_bullet_point {
	display:inline;
}

.input_field, .text_area, .input_field_with_error, .submit_button, .dropdown {
	font-size:16px;
	width:100%;
	border-style:solid;
	height:30px;
}

.text_area {
	height: unset;
}

.remember_payment_info_checkbox {
	cursor:pointer;
	display: block;
	text-align: right;
}

.actual_checkbox {
	cursor:pointer;
	width:24px;
	height:24px;
	vertical-align:middle;
	margin-top: -1px;
}

.input_field, .text_area, .submit_button, .dropdown {
	border-color:rgba(128, 128, 128, 1);
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.input_field, .submit_button {
	padding-left:8px;
}

.center_strip {
	word-wrap: break-word;
}

.side_bar_column {
	position:fixed;
	
	/* These are part of efforts to keep this element from jumping around and affecting scrolling.
	Don't know if it worked too well but keeping just in case.
	*/
	-webkit-transform: translate3d(0,0,0);
	-webkit-backface-visibility:hidden; 
	-webkit-perspective: 1000;
	
	height:100%;
	
	/* Note: If you change the width here, you must also change a padding-left on body,
		and width minus this.padding-right for .side_bar_inner*/
	width:120px;
	overflow-y:auto;
	padding-top: 15px;
    box-sizing: border-box;
    text-align:left;
    padding-right:15px;
    /* Firefox doesn't respect the bottom padding when the side bar is maximally squished vertically. See .side_bar_column_bottom_padder for solution to this.*/
    /* padding-bottom:15px; */
    left:0px;
}

.side_bar_column_bottom_padder {
	height:15px;
}

.email_preview_wrapper, .input_field, .text_area, .submit_button, .dropdown, .center_strip, .center_strip_sql, .center_strip_2, .profile_pic, .side_bar_inner {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    
	border-width:1px;
}

.qr_code {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.input_field, .text_area {
    padding-left:8px;
}


.input_field_with_dropdown {
	position:relative;
	display:inline-block;
	border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
}

.dropdown_with_input_field {
	position:relative;
	border-left:0px;
	display:inline-block;
	border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
}

.center_strip_sql, .center_strip, .center_strip_2, .side_bar_inner {
	background-color: #ffffda;
	border-color:black;
	border-style:solid;
	border-width:1.5px;
	padding:15px;
	box-sizing:border-box;
}

.center_strip_warning {
	background-color: #ffdcd9;
}

.center_strip_2 {
	padding-top:5px;
}

.side_bar_inner {
	/* This needs to be explicitly .side_bar_column.width minus .side_bar_column.padding-left
	so windows scroll bars don't squish the menu. */
	width:105px; 
	height:100%;
	padding-right:0px;
	border-left:none;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	padding-top:8px;
	padding-bottom:12px;
	padding-left:10px;
}

/* .side_bar_inner_wrapper {
	width:100%;
	height:100%;
	padding-bottom:15px;
	padding-right:15px;
} */



.side_bar_bottom_spacer {
	height:15px;
}

.side_bar_site_links {
 	vertical-align: top;
 }
 
 .side_bar_social_links {
 	vertical-align: bottom;
 }
 
 .content_column {
 	white-space:normal;
 	position:relative;
	min-width:290px;
	max-width:750px;
	display:inline-block;
 }
 
 .content_scroller, .content_scroller_with_side_bar_padding_offset {
	 height:100%;
	 overflow:auto;
 }
 
 .content_scroller_with_side_bar_padding_offset {
 	padding-left:130px;
 }

.profile_pic, .profile_pic_placeholder {
	border:1.5px solid black;
}

.emphasized_text, .emphasized {
	font-style:italic;
}

.blog_image, .bordered_blog_image, .shop_image {
	max-width:100%;
	margin-top:14px;
	margin-bottom:4px;
}

.listing_media_wrapper {
	margin-top:14px;
	width:100%;
	border-bottom:none;
}

.listing_media_with_description {
	max-width:100%;
	display:block;
	box-sizing:border-box;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: white;
}

.listing_media_description_wrapper {
	/*background: #666666;*/
	/*background-color: rgba(0,0,0,.1);*/
	background:white;
	border:1.5px solid black;
	border-bottom:none;
	width:100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.listing_media_description {
	color:white;
	text-align:left;
	padding:10px;
}

.shop_image {
	margin-bottom:0px;
	margin-top:0px;
	display:block;
}

.shop_list_image {
	float:left;
	width:35%;
	margin-right:12px;
	height:auto;
	/* background:#ececec; */
	/* background:#c1eefe; */
	background:#ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-sizing: border-box;
}


.shop_listing_price {
	
}
	
	
.listing_anchor:hover {
	background:rgba(0,0,0,.1);
}

.listing_anchor {
	border: none;
}

.listing_anchor {
	padding-left:15px;
	margin-left:-15px;
	padding-right:15px;
	margin-right:-15px;
	
	margin-top:-7.5px;
	padding-top:7.5px;
	margin-bottom:-7.5px;
	padding-bottom:7.5px;

	position:relative;
}
	


.qr_code {
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:8px;
	width:256px;
	height:256px;
}

.bordered_blog_image, .shop_image, .shop_list_image, .qr_code, .listing_media_with_description {
	border: 1.5px solid black;
}

.general_image {
	max-width:100%;
}

.coinsulting_icon {
	width:48px;
	height:48px;
	display:block;
}

.intro_questions_table {
	width:100%;
}

.intro_questions_td {
	padding-bottom:12px;
}

.intro_questions_table tr .checkmark_wrapper {
	/* padding-right:24px;
	padding-left:12px; */
	vertical-align:top;
	padding-right:4px;
}

.checkmark {
	width:32px;
	height:32px;
	background-image:url('/images/checkmark.gif');
	background-size: contain;
}

.coin_question_mark {
	width:32px;
	height:32px;
	background-image:url('/images/coinsulting_icon.png');
	background-size: contain;
}

.intro_questions_table tr td {
	vertical-align:middle;
	/* text-align:right; */
	font-weight: 500;
	font-size:18px;
}


.center_strip_sql {
/* 	padding-left:15px;
	padding-right:15px; */
}


.submit_button
{
	cursor:pointer;
	
	/* background: #4ee378; */
	background: #A1DE93;
    
    color:black;
    
    border: solid 1.5px black;
    
    margin-bottom:4px;
    
    font-weight:500;
}

.submit_button:hover
{
	background: #90C883;
}

.submit_button:active
{
	background: #A1DE93;
}

a, a:link, a:hover, a:hover, a:visited, a:active {
	color: blue;
	/* text-decoration: underline; */
}

a, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

blockquote {
	border-left: 1px solid #e5e5e5;
	margin: 0;
	padding: 0 0 0 20px;
	font-style: italic;
}

code, pre {
	font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal,
		Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
	color: #333;
	font-size: 12px;
}

a {
	cursor:pointer;
}


.bold_italic_text {
	font-weight: 500;
	font-style:italic;
}

/* Adapted from https://www.filamentgroup.com/lab/select-css.html - "Styling a Select Like It’s 2019". */

select {
	cursor:pointer;
	display: block;
	font-size: 16px;
	/* font-family: sans-serif; */
	/* font-weight: 700; */
	/* color: #444; */
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .4em top 55%, 0 0;
	background-size: .65em auto, 100%;
	padding-left:.5em;
}

select::-ms-expand {
	display: none;
}
select:hover {
	border-color: #888;
}
select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
select option {
	font-weight:normal;
}

option {
            -webkit-appearance:none;
            -moz-appearance:none;
            appearance:none;
        }

.input_field[readonly="readonly"], select:disabled {
	cursor:default;
}

 /*
 	Supposedly removes default table styling, source: https://stackoverflow.com/a/968922/4248895
 */
 table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    
    /* Had to add these two, so guess SO answer wasn't right and/or applicable */
    border-spacing:0px;
}