/*!
Theme Name: PickUp_Child
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pickup_child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

PickUp_Child is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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


/* ===========================
   VARIABLES
=========================== */
:root {
  /* Colors */
  --yellow: #F7CE35;
  --beige: #FDF4D5;
  --grey: #C4C4C4;
  --white: #ffffff;
  --black: #000000;
	
  /*Sizes*/
  --122: 122px;
  --70: 70px;
  --icon-double-arrow: url('data:image/svg+xml,<svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="37.5" cy="37.5" r="37.5" fill="%23F7CE35"/><path d="M40.0249 37.9994C40.0249 37.9403 40.0176 37.8857 40.0005 37.8357C39.9628 37.6913 39.8825 37.5321 39.7524 37.3649L34.8427 30.1463C34.3086 29.332 33.5788 29 32.653 29H26.5999C26.0962 29 25.7799 29.6573 26.185 30.1463L31.2091 37.3649C31.2456 37.4127 31.2857 37.4593 31.3283 37.5048L31.6896 37.9892L29.9987 40.2578L26.185 45.8538C25.7799 46.3427 26.095 47 26.5999 47H32.653C33.5788 47 34.3086 46.668 34.8427 45.8538L39.7512 38.6351C39.8813 38.4668 39.9628 38.3076 39.9993 38.1643C40.0163 38.1143 40.0249 38.0586 40.0236 38.0006L40.0249 37.9994Z" fill="black"/><path d="M50.9999 37.9994C50.9999 37.9403 50.9926 37.8857 50.9756 37.8357C50.9378 37.6913 50.8576 37.5321 50.7274 37.3649L45.8189 30.1463C45.2849 29.332 44.555 29 43.6293 29L37.5761 29C37.0713 29 36.7562 29.6573 37.1613 30.1463L42.1853 37.3649C42.2218 37.4127 42.262 37.4593 42.3045 37.5048L42.6658 37.9892L40.9749 40.2578L37.1613 45.8538C36.7562 46.3427 37.0713 47 37.5761 47H43.6293C44.555 47 45.2849 46.668 45.8189 45.8538L50.7274 38.6351C50.8576 38.4668 50.9391 38.3076 50.9756 38.1643C50.9926 38.1143 51.0011 38.0586 50.9999 38.0006V37.9994Z" fill="black"/></svg>');
  --two-yellow-arrows: url('data:image/svg+xml,<svg width="37" height="31" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7568 15.499C20.7568 15.3972 20.746 15.3032 20.7208 15.217C20.665 14.9683 20.5461 14.6941 20.3535 14.4062L13.0872 1.9741C12.2968 0.571862 11.2166 0 9.84648 0L0.887781 0C0.142423 0 -0.325676 1.13197 0.273851 1.9741L7.70943 14.4062C7.76344 14.4885 7.82285 14.5688 7.88586 14.6471L8.42058 15.4814L5.91805 19.3885L0.273851 29.0259C-0.325676 29.868 0.140622 31 0.887781 31H9.84648C11.2166 31 12.2968 30.4281 13.0872 29.0259L20.3517 16.5938C20.5443 16.3039 20.665 16.0298 20.719 15.783C20.7442 15.6968 20.7568 15.6009 20.755 15.501L20.7568 15.499Z" fill="%23F7CE35"/><path d="M36.9998 15.499C36.9998 15.3972 36.989 15.3032 36.9638 15.217C36.908 14.9683 36.7892 14.6941 36.5965 14.4062L29.332 1.9741C28.5416 0.571862 27.4614 0 26.0913 0L17.1326 0C16.3855 0 15.9192 1.13197 16.5187 1.9741L23.9543 14.4062C24.0083 14.4885 24.0677 14.5688 24.1307 14.6471L24.6654 15.4814L22.1629 19.3885L16.5187 29.0259C15.9192 29.868 16.3855 31 17.1326 31H26.0913C27.4614 31 28.5416 30.4281 29.332 29.0259L36.5965 16.5938C36.7892 16.3039 36.9098 16.0298 36.9638 15.783C36.989 15.6968 37.0016 15.6009 36.9998 15.501V15.499Z" fill="%23F7CE35"/></svg>');
	
--left-arrow: url('data:image/svg+xml,<svg width="43" height="31" viewBox="0 0 43 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8772 15.501C18.8772 15.6028 18.8898 15.6968 18.9191 15.783C18.984 16.0317 19.122 16.3059 19.3459 16.5938L27.7906 29.0259C28.7091 30.4281 29.9645 31 31.5568 31L41.9683 31C42.8345 31 43.3785 29.868 42.6817 29.0259L34.0404 16.5938C33.9776 16.5115 33.9086 16.4312 33.8353 16.3529L33.2139 15.5186L36.1223 11.6115L42.6817 1.97409C43.3785 1.13197 42.8366 -1.42871e-08 41.9683 -9.0198e-08L31.5568 -1.0004e-06C29.9645 -1.1396e-06 28.7091 0.571858 27.7906 1.97409L19.348 14.4062C19.1241 14.6961 18.984 14.9702 18.9212 15.217C18.8919 15.3032 18.8772 15.3991 18.8793 15.499L18.8772 15.501Z" fill="%23F7CE35"/><path d="M0.000199719 15.501C0.00019971 15.6028 0.0127501 15.6968 0.0420431 15.783C0.106904 16.0317 0.245 16.3059 0.468877 16.5938L8.91145 29.0259C9.82999 30.4281 11.0854 31 12.6777 31L23.0891 31C23.9574 31 24.4993 29.868 23.8026 29.0259L15.1613 16.5938C15.0985 16.5115 15.0294 16.4312 14.9562 16.3529L14.3348 15.5186L17.2431 11.6115L23.8026 1.97409C24.4994 1.13197 23.9574 -1.66475e-06 23.0891 -1.74067e-06L12.6777 -2.65086e-06C11.0854 -2.79006e-06 9.82999 0.571856 8.91146 1.97409L0.468877 14.4062C0.245 14.6961 0.104814 14.9702 0.0420432 15.217C0.0127501 15.3032 -0.00189454 15.3991 0.000199719 15.499L0.000199719 15.501Z" fill="%23F7CE35"/></svg>');
	
--right-arrow: url('data:image/svg+xml,<svg width="43" height="31" viewBox="0 0 43 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.1228 15.499C24.1228 15.3972 24.1102 15.3032 24.0809 15.217C24.016 14.9683 23.878 14.6941 23.6541 14.4062L15.2094 1.9741C14.2909 0.571862 13.0355 0 11.4432 0L1.03174 0C0.165518 0 -0.378489 1.13197 0.318259 1.9741L8.9596 14.4062C9.02237 14.4885 9.09142 14.5688 9.16465 14.6471L9.78608 15.4814L6.87773 19.3885L0.318259 29.0259C-0.378489 29.868 0.163426 31 1.03174 31H11.4432C13.0355 31 14.2909 30.4281 15.2094 29.0259L23.652 16.5938C23.8759 16.3039 24.016 16.0298 24.0788 15.783C24.1081 15.6968 24.1228 15.6009 24.1207 15.501L24.1228 15.499Z" fill="%23F7CE35"/><path d="M42.9998 15.499C42.9998 15.3972 42.9873 15.3032 42.958 15.217C42.8931 14.9683 42.755 14.6941 42.5311 14.4062L34.0885 1.9741C33.17 0.571862 31.9146 0 30.3223 0L19.9109 0C19.0426 0 18.5007 1.13197 19.1974 1.9741L27.8387 14.4062C27.9015 14.4885 27.9706 14.5688 28.0438 14.6471L28.6652 15.4814L25.7569 19.3885L19.1974 29.0259C18.5007 29.868 19.0426 31 19.9109 31H30.3223C31.9146 31 33.17 30.4281 34.0885 29.0259L42.5311 16.5938C42.755 16.3039 42.8952 16.0298 42.958 15.783C42.9873 15.6968 43.0019 15.6009 42.9998 15.501V15.499Z" fill="%23F7CE35"/></svg>');

}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}



/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}