/*
Theme Name: Twenty Twenty Child
Text Domain: twentytwenty-child
Version: 1.0.4
Author: Sandra Sanz
Author URI: https://www.sandrasanz.dev
Template: twentytwenty
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	Example section
	2. 	Element Base
	3.	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width	 
	8.  Post: Archive
	9.  Post: Single
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries
	20.	Plugin: Table of Contents
	21.	Plugin: SyntaxHighlighter Evolved

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. Example section
/* -------------------------------------------------------------------------- */

/* Example subsection -------------------------------- */

/* Example subsection item type */

/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* -------------------------------------------------------------------------- */

/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-size: 0.8em;
}

@media ( min-width: 700px ) {

	/* Headings -------------------------------------- */

	h1,
	.heading-size-1 {
		font-size: 8rem;
	}

}

/* -------------------------------------------------------------------------- */

/*	3. Helper Classes
/* -------------------------------------------------------------------------- */

/* Sections ---------------------------------- */

.section-inner.medium {
	max-width: 130rem;
}

.section-inner.thin {
	max-width: 70rem;
}

/* -------------------------------------------------------------------------- */

/*	8.  Post: Archive
/* -------------------------------------------------------------------------- */

/* Posts ------------------------------------- */

body:not(.singular) .post-inner {
    padding-top: 2.5rem;
}

body:not(.singular) h2.entry-title {
	font-size: 3rem;
}

@media (min-width: 700px) {

	body:not(.singular) .section-inner,
	body:not(.singular) .section-inner.medium {
		max-width: 100rem;
	}

	body:not(.singular) .post-inner {
    	padding-top: 4rem;
	}

	body:not(.singular) h2.entry-title {
		font-size: 4rem;
	}

	body:not(.singular) .entry-content p,
	body:not(.singular) .entry-content li {
		font-size: 2rem;
	}
}

@media (min-width: 700px) {

	body:not(.singular) h2.entry-title {
		font-size: 5.5rem;
	}

}

/* -------------------------------------------------------------------------- */

/*	11. Entry Content
/* -------------------------------------------------------------------------- */

/* Alignment Classes ------------------------- */

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 70rem;
}

/* -------------------------------------------------------------------------- */

/*	12. Comments
/* -------------------------------------------------------------------------- */

/* Comment Respond ---------------------------- */

.comment-respond p:not(.comment-notes) {
	max-width: 70rem;
}

/* -------------------------------------------------------------------------- */

/*	20. Plugin: Easy Table of Contents
/* -------------------------------------------------------------------------- */

#ez-toc-container { /* Styles of the table of contents copied from theme's form fieldset */
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

.ez-toc-title-container {	
	margin-top: -3.5rem;
	margin-bottom: 1rem;
    display: table;
    background-color: #F5EFE0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ez-toc-title {
    font-weight: 700;
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 0;
}

.ez-toc-title,
.ez-toc-title-toggle {
	display: inline-block;
	vertical-align: middle;
}

.ez-toc-toggle {
	display: block !important; /* Has display:inline as an inline style */
    height: 3rem;
    width: 3rem;
    margin-left: 1rem;
    border: #cd2653 1px solid;
	cursor: pointer;
}

.ez-toc-list {
	margin-left: 0;
	margin-bottom: 0;
}

@media (min-width: 700px) {

	#ez-toc-container { /* Copied from theme's fieldset */
		padding: 3rem;
	}

	.ez-toc-title-container {
		margin-top: -4.5rem;
	}

}

/* -------------------------------------------------------------------------- */

/*	21. Plugin: SyntaxHighlighter Evolved
/* -------------------------------------------------------------------------- */

/* SyntaxHighlighter uses !important in its styles and loads stylesheets at the
   footer via JavaScript, so we cannot overwrite them using wp_enqueue_style.
   Overwrite them with additional specifity. */
.wp-block-syntaxhighlighter-code .syntaxhighlighter a,
.wp-block-syntaxhighlighter-code .syntaxhighlighter div,
.wp-block-syntaxhighlighter-code .syntaxhighlighter code,
.wp-block-syntaxhighlighter-code .syntaxhighlighter table,
.wp-block-syntaxhighlighter-code .syntaxhighlighter table td,
.wp-block-syntaxhighlighter-code .syntaxhighlighter table tr,
.wp-block-syntaxhighlighter-code .syntaxhighlighter table tbody,
.wp-block-syntaxhighlighter-code .syntaxhighlighter table thead,
.wp-block-syntaxhighlighter-code .syntaxhighlighter table caption,
.wp-block-syntaxhighlighter-code .syntaxhighlighter textarea {
    font-size: 1.7rem !important;
}