/*!
Theme Name: Sunflower
Theme URI: http://theredsunflower.com/code-camp
Author: Jessica Patterson
Author URI: https://theredsunflower.com
Description: Code Camp Starter Theme
Version: 3.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Sunflower
Tags: simple, block-editor, 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 with others.

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

*/

/*eliminates margin around entire webpage*/
html {
	font-family: "IBM Plex Sans", sans-serif;
}
body {
	margin: 0;
	color: black;
}

* {
	box-sizing: border-box;
}
img {
	/*images should not exceed parent container*/
	max-width: 100%;
}
h1 {
	font-size: 34px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 30px;
	font-weight: 400;
}
p {
	font-size: 20px;
	font-weight: 300;
}
a {
	color: black;
}
input {
	padding: 10px;
}
label {
	font-size: 18px;
	font-weight: 400;
}
input[type=submit] {
	background-color: #7d32d6;
	color: white;
	padding: 15px 25px;align-content;
	font-size: 20px;
	border: none;
	border-radius: 4px;
}
input[type=text], input[type=password] {
	width: 100%;
}
/*Default Styles*/

#header {
	background-color: #E5D8FF;
	padding: 15px 30px;
	margin: 0;
	box-sizing: border-box;
	display: flex;
}
.page {
	overflow: auto;
}
#menu {
	width: calc(100% - 300px);
}
#menu li {
	list-style-type: none;
}
#logo {
	width: 75px;
    padding: 0 7px 0 0;
}
#sitename {
	width: 225px;
}
#sitename h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: black;
}
#sitename a {
	text-decoration: none;
}
#sitename p {
	margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: black;
}
#fp-content, #content{
	background-color: white;
	overflow: auto;
	padding: 20px 30px;
}
#fp-content h2 {
	font-size: 38px;
	margin: 10px 0;
}
#fp-content p {
	margin: 10px 0;
}
#footer {
	background-color: #170038;
	text-align: center;
	text-decoration: none;
}
#footer h3 {
	font-size: 24px;
	color: white;
}
#footer a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	color: white;
	font-size: 16px;
}

#footer .info {
    padding: 20px;
	background-color: #320D6A;
	margin: 0 auto;
}
#footer .RedSunflower {
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
}
#footer .RedSunflower a, #footer .RedSunflower p {
	font-weight: normal;
	font-size: 14px;
	margin: 0;
}
.RedSunflower a:hover {
	text-decoration: underline;
}
#icono {
	filter: invert(1);
	width: 40px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	padding: 10px 15px;
}
#about-us img {
	padding: 20px 10%;
	border-radius: 10px;
}
.color-block {
	border-radius: 15px;
	padding: 20px;
	margin: 25px 0;
}
.rounded-corners {
	border-radius: 15px;
}
.game-card {
	background-color: white;
	border-radius: 7px;
	padding: 20px;
	border: 1px solid #320d6a;
}
.game-card h3 {
	margin: 10px 0;
}
.purple-outline {
	border: 5px solid #7D32D6;
}
.page-title {
	text-transform: uppercase;
	font-size: 36px;
	text-align: center;
	font-weight: 200;
}
.pms-form {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.pms-alert {
	text-align: center;
}
.mega-toggle-block {
	margin-top: 20px;
}
#featured-materials bdi {
	font-size: 16px;
}
#featured-materials {
	border: 2px solid #320d6a;
}
#featured-materials .wc-block-product-template__responsive > li {
	margin: 5% !important;
}
.wp-block-woocommerce-cart .wp-block-button__link {
	background-color: #e5ae00 !important;
	color: black !important;
	font-size: 1.125em !important;
	border-radius: 4px !important;
	padding: 15px 25px !important;
}
#featured-materials .wp-block-button__link {
	background-color: #320D6A !important;
	color: white !important;
	font-size: 1.125em !important;
	border-radius: 4px !important;
	padding: 15px 25px !important;
}
#sidebar {
	display: none;
}
.price {
	color: black !important;
	font-size: 16px !important;
}
#other-content h1 {
	text-align: center;
	border-bottom: 2px solid #f4f4f4;
}
.wp-block-latest-posts__post-title {
	font-weight: bold;
	font-size: 22px;
}
@media screen and (min-width: 1050px) {
	#fp-content, #content{
		padding: 20px 10%;
	}
	#header {
		padding: 15px 10%;
	}
}