/*!
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: "Manrope", sans-serif;
	font-weight: 300;
	color: #5A646E;
}
body {
	margin: 0;
	color: black;
	font-weight: 300;
	font-size: 18px;
}

* {
	box-sizing: border-box;
}
img {
	/*images should not exceed parent container*/
	max-width: 100%;
}
h1 {
	font-size: 34px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 26px;
}
p {
	font-size: 22px;
	font-weight: 300;
}
a {
	color: black;
}
a:hover {
	color: #4c6ebc;
}
strong {
	font-weight: 600;
}
/*Default Styles*/

#header {
	background-color: #172139;
	padding: 20px;
	margin: 0;
	text-align: center;
}
#header h1 {
	font-weight: 400;
	margin: 0 0 20px 0;
}
#header a {
	text-decoration: none; 
	color: white;
}
.page {
	overflow: auto;
}
.page-title {
	display: none;
}
#menu li {
	list-style-type: none;
	font-weight: 300;
}
#fp-content {
	background-color: #f4eddd;
	overflow: auto;
	padding: 0;
}

#footer {
	background-color: #172139;
	text-align: center;
	font-weight: 300;
	padding: 40px;
}
#footer p {
	color: white;
	font-size: 20px;
}
#footer h3 {
	font-size: 24px;
	font-weight: bold;
	color: white;
}
#Sunflower {
	background-color: #11182a;	
	color: white;
	text-align: center;
	width: 100%;
	padding: 5px;
}
#Sunflower a {
	color: white;
}
#Sunflower p {
	font-size: 14px;
	padding: 0;
	color: white;
	font-weight: 300;
}
.nf-form-wrap {
	max-width: 800px;
	margin: 0 auto;
}
.nf-form-wrap input {
	padding: 10px;
}
.nf-form-fields-required {
	display: none;
}
.nf-form-wrap input[type=submit] {
	padding: 15px 25px;
	background-color: #4c6ebc;
	color: white;
	border-radius: 4px;
	border: none;
	font-size: 20px;
}
.wp-block-latest-posts__post-title {
	font-weight: bold;
	font-size: 24px;
}
.nf-form-wrap select {
	padding: 10px;
  	background-color: white;
  	border: 1px solid gray;
  	border-radius: 7px;
}
#post-8 {
	display: none !important;
}
#post-11 {
	display: none !important;
}
#post-13 {
	display: none !important;
}
#post-15 {
	display: none !important;
}
#post-17 {
	display: none !important;
}
.color-block img {
	padding: 30px 30px;
}
.color-block {
	border-radius: 7px;
	  padding: 20px;
}
#sidebar {
	display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
	background-color: #00727F !important;
	color: white !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
	background-color: #00727F !important;
	color: white !important;
}
#intro h2 {
	font-size: 36px;
	margin: 0;
}
#intro p {
	margin: 20px;
}
#intro .wp-block-button {
	margin: 10px;
}
#intro {
	margin: 40px 20px;
}
.color-block {
	margin: 40px 20px;
}
#banner h2 {
	font-weight: 400;
	margin: 0 0 40px 0;
	font-size: 50px;
}
#services h2 {
	margin: 0 0 20px 0;
}
#services p {
	margin: 20px;
}
#content {
	padding: 40px 7%;
	background-color: #f4eddd;
}
#content p {
	font-size: 20px;
}
.wp-block-button a:hover {
	background-color: #f3bc40 !important;
}
@media only screen and (min-width: 800px) {
	#fp-content {
		overflow: auto;
		padding: 0;
	}
	#intro h2 {
		font-size: 48px;
	}
	#banner h2 {
		font-size: 65px;
	}
	#intro img {
		margin-left: 10%;
	}
}
@media only screen and (min-width: 1000px) {
	p {
		font-size: 24px;
	}
	#content p {
		font-size: 22px;
	}
}