/**
 * Theme Name:     Twenty Twenty-Five Child
 * Author:         the WordPress team
 * Template:       twentytwentyfive
 * Text Domain:	   twenty-twenty-five-child
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */


/* Styles for front-page.php / content-quote.php (hot take posts) */

  
	  /* Styles for front-page.php / content-quote.php (hot take posts) */

.hot-take {
  background: #fffefc;
  border-radius: 1rem;
  margin: 2.5rem auto;
  padding: 2rem 2.5rem 1.5rem 2.5rem;
  max-width: 700px;
  box-shadow: 0 2px 12px 0 #fbb13222, 0 1.5px 10px #0002;
  border: 1.5px solid #ffe7b8;
  transition: box-shadow 0.15s;
}
.hot-take:hover {
  box-shadow: 0 8px 32px 0 #fbb13255, 0 1.5px 12px #0004;
}

/* Quote itself */
.hot-take blockquote {
  font-size: 1.5em;
  font-style: italic;
  color: #212121;
  margin: 0 0 1.25em 0;
  padding: 0 0 0 0.4em;
  border-left: 4px solid #fbb132;
  background: none;
  line-height: 1.3;
}
.hot-take blockquote:before {
  content: "“";
  color: #fbb132;
  font-size: 2em;
  vertical-align: -0.25em;
  margin-right: 0.1em;
}

/* The comment field */
.hot-take .comment {
  font-size: 1.08em;
  margin-bottom: 1em;
  color: #444;
  padding-left: 0.4em;
}

/* Source link */
.hot-take .source-link {
  margin-bottom: 1em;
}
.hot-take .source-link a {
  color: #155d97;
  font-weight: 600;
  text-decoration: underline dotted;
  transition: color 0.18s;
}

/* Metadata (date, cats, tags) */
.hot-take .meta {
  font-size: 0.9em;
  color: #666;
  padding-left: 0.4em;
}
.hot-take .meta .cats,
.hot-take .meta .tags {
  margin-left: 1em;
}

.hot-take .hotDate {
  color: #a57e00;
  margin-right: 0.8em;
  font-weight: 500;
  font-size: 0.97em;
}

/* Hot Takes Submission Button - embiggen for mobile - embiggen for all!  */
.fea-submit-button {
	font-size: 2.5rem !important;
}
	  
/* Lazy fix for homepage heading margin-bottom */
.wp-block-post-title {
	margin-bottom:4rem !important;
	font-size: 2.5rem !important;
	font-family: 'Lexend Deca' !important;
	background-color: #fff !important;
}

/* Blockquote style adapted from https://codepen.io/cliftwalker/pen/XJaEXY */

blockquote{
  font-size: 1.2em;
  width:75%;
  margin:50px auto 50px auto;
  color: #403939;
  padding:10px 30px 1.2em 50px; /*padding on text block */
  border-top:1px solid #bfbfbf ;
  line-height:1.62;
  position: relative;
  background:#fff;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#e3e1e1;
  font-size:4em;
  position: absolute;
  left: 10px;
  top: -2px;
}

blockquote::after{
  content: '';
}



/* Blockquote style adapted from https://codepen.io/JoeHastings/pen/MOdRVm 

blockquote {
	font-size: 1.25rem;
	max-width: 500px;
	line-height: 1.6;
	position: relative;
	margin: 0 4rem 0 4rem;
	padding: .5rem .5rem .5rem 0.5rem;
}

blockquote:before,
blockquote:after {
	font-family: monospace, monospace;
	position: absolute;
	color: #263ce7;
	font-size: 2rem;
	width: 4rem;
	height: 4rem;
}

blockquote p {
	color:#403939;
	font-size: 1.5rem;
	padding-left: 2rem;
}

blockquote:before {
	content: '“';
	left: 0.5rem;
	top: 1rem;
	color: #00cc66;
}

blockquote:after {
	content: '”';
	right: -3rem;
	bottom: -0.5rem;
	color: #00cc66;
}

cite {
	line-height: 3;
	text-align: left;
}
*/


/*fix site title alignment on second level pages -- but do it in the dumbest way possible */
.headerTitleHelper {
	margin: 0 !important;
	padding: 0 !important;
}