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

*/
/*Main colors
Red: #6c1403;
Blue: #20a39e;
Yellow: #f6a62f;
*/

/*eliminates margin around entire webpage*/
body {
	margin: 0;
}
html {
	font-family: 'Quicksand', sans-serif;
	color: black;
}
/*images should not exceed parent container*/
img {
	max-width: 100%;
	display: block;
	height: auto;
}
h1 {
	font-size: 36px;
	margin: 7px 0 7px 0;
}
h2 {
	font-size: 28px;
	margin: 7px 0 7px 0;
}
p {
	font-size: 18px;
	margin: 5px 0 5px 0;
}
a {
	color: black;
}
input {
	padding: 10px;
	font-family: 'Quicksand', sans-serif;
}
textarea {
	font-family: 'Quicksand', sans-serif;
}
label {
	display: block;
	font-weight: bold;
}
button {
	background-color: #f6a62f;
	font-size: 20px;
	border-radius: 4px;
	border: none;
	padding: 10px 20px 10px 20px;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}
button:hover {
	cursor: pointer;
	text-transform: uppercase;
}
input[type="submit"] {
    background-color: #f6a62f;
	font-size: 20px;
	border-radius: 4px;
	border: none;
	padding: 10px 20px 10px 20px;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}
input[type="submit"]:hover {
    cursor: pointer;
}
/*Default Styles*/

#header {
	background-color: white;
	padding: 20px;
	margin: 0;
	text-align: center;
}
#sitename {
	margin-bottom: 40px;
}
#logo {
	width: 100%;
	margin: 0;
	text-align: center;
}
#logo img {
	display: inline;
	width: 200px;
}
.page {
	overflow: auto;
}
#fp-content {
	background-color: white;
	overflow: auto;
	padding: 0 5% 0 5%;
}
.fp-single {
	width: 100%;
	float: left;
	background-color: white;
	margin-bottom: 40px;
}
.fp-double {
	width: 100%;
	float: left;
	overflow: auto;
	margin-bottom: 40px;
	text-align: center;
	box-sizing: border-box;
}
.fp-double-a {
	margin-bottom: 40px;
}
.fp-blog {
	background-color: white;
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.front-page-title {
	text-align: center;
}
.front-page-description {
	padding: 2.5%;
	text-align: center;
}
.front-page-image {
	width: 50%;
	margin: 0 25% 0 25%;
}

.content-item img {
	width: 100%;
	height: auto;
}
#footer {
	background-color: #f6a62f;
	text-align: center;
	color: black;
	padding: 10px;
}
#footer a {
	color: white;
}
#footer a:hover {
	color: #990134;
}
#content {
	overflow: auto;
	padding: 2.5% 5% 5% 5%;
	background-color: white;
}
#single-content {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.date-author {
	font-size: 16px;
	font-style: italic;
}
#single-recent-posts {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 2.5% 0;
	box-sizing: border-box;
}
#comment {
	width: 100%;
}
#other-content {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 5% 0;	
}

/*Custom Styles*/
.offset-intro {
	width: 100%;
}
.blue-btn {
	background-color: #20a39e;
	color: white;
	text-shadow: 2px 2px 8px black;
}
.blog-header {
	background-color: #6c1403;
	color: white;
	border-radius: 4px;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 40px;
}
.blog-header h1 {
	margin: 5px;
	font-size: 32px;
}
.blog-header p {
	margin: 5px;
	font-size: 18px;
}
.color-cushion {
	background-color: #f6a62f;
	padding: 10px;
	border-radius: 4px;
}
.large {
	font-size: 42px;
}
.content-item {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.content-item h2 {
	font-size: 20px;
	text-align: left;
}
.content-item p {
	font-size: 18px;
	text-align: left;
}
.content-item a {
	text-decoration: none;
}
.blog-button {
	text-align: center;
	width: 100%;
}
.grow {
  font-size: 18px !important;
}
.grow:hover {
	text-transform: uppercase;
}
#credits {
	background-color: #6c1403;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 10px;
}
#credits p {
	color: white;
	text-align: center;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
#credits a {
	color: white;
}
#credits a:hover {
	color: #ffe605;
	text-transform: uppercase;
	text-decoration: none;
}
#social-icons {
	width: 100%;
	text-align: center;
}
#social-icons img {
	width: 40px;
	margin: 5px;
	display: inline;
}
#holy-spirits-ad {
	text-align: center;
}
#holy-spirits-ad img {
	display: inline;
}
.centered-intro-text button {
	font-size: 16px;
}
.centered-intro-text p {
	padding: 0 15px 15px 15px;
}
.title-block {
	background-color: #6c1403;
	color: white;
	text-align: center; 
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 40px;
}
.title-block h1 {
	margin: 5px;
}
.single-title {
	text-align: center;
}
/*wp block editor*/
.wp-block-image {
	margin: 10px 0 10px 0;
}
.wp-block-latest-posts__post-title {
	font-size: 26px;
	font-weight: bold;
	text-decoration: none;
}
.wp-block-latest-posts__post-title:hover {
	text-transform: uppercase;
}

/*wp forms*/
.wpforms-form button[type="submit"] {
	background: #f6a62f !important;
	color: black !important;
	border: none !important;
	border-radius: 4px !important;
	font-size: 18px !important;
}
/*Woo Commerce*/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 22px;
}
#sidebar {
	display: none;
}
.woocommerce button.button.alt, .woocommerce a.button {
	background: #f6a62f !important;
	color: black !important;
	border: none !important;
	border-radius: 4px !important;
	font-size: 18px !important;
}
.woocommerce button.button.alt:hover, .woocommerce a.button:hover {
	text-transform: uppercase;
}
.woocommerce ul.products li.product .price {
	color: black !important;
	font-size: 22px;
}
.woocommerce .woocommerce-ordering select {
	padding: 5px;
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	border: 1px solid black;
	border-radius: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	font-weight: bold;
}
/*Search*/
.search-form {
	overflow: auto;
	width: 100%;
}
.search-field {
	font-size: 18px;
	padding: 7px;
	width: 100%;
	font-family: 'Nunito', sans-serif;
	border-radius: 4px;
	border: 1px solid #444;
	margin: 0;
	float: left;
}
.search-submit {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 7px 10px 7px 10px;
	font-size: 18px;
}
.search-page {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.searchpage .content-item {
	float: none;
	width: calc(100%/3);
}
.search-page-title {
	width: 100%;
}
.search-page-form {
	width: 100%;
}
/*MailChimp Subscribe Form*/
#mc_embed_signup label {
	font-size: 16px;
}
#mc_embed_signup li label {
	font-weight: normal;
}
#mc_embed_signup .button {
	background: #f6a62f !important;
	color: black !important;
	border: none !important;
	border-radius: 4px !important;
	font-size: 18px !important;
	font-weight: bold;
	margin-bottom: 20px;
}
#wp-block-archives-1 {
  margin: 0 auto;
  background-color: white;
  border: 1px solid black;
  border-radius: 2px;
  padding: 10px;
}
.wp-block-archives-dropdown {
  text-align: center;
}
.read-more-link {
	font-weight: bold;
	font-size: 18px;
}
/*Responsive Styles*/
@media only screen and (min-width: 850px) {
	.fp-double-a {
		float: left;
		width: 45%;
		margin: 2.5%;
		background-color: white;
	}
	.fp-double-b {
		float: left;
		width: 45%;
		margin: 2.5%;
		background-color: white;
	}
	.section-desc {
		float: left;
		width: 550px;
	}
	.blog-header {
		overflow: auto;
	}
	.blog-subscribe {
		float: right;
		width: 160px;
		text-align: right;
	}
	.blog-header h1 {
		text-align: left;
	} 
	.blog-header p {
		text-align: left;
	}
	.fp-blog-content {
		overflow: auto;
	}
	.content-item {
		float: left;
		width: 30.3%;
		margin: 0 1.5% 0 1.5%;
	}
	.content-item-img {
		height: 200px;
		overflow: hidden;
	}
	.centered-intro-text button {
		font-size: 18px;
	}
	.title-block {
		text-align: left;
	}
	#skinny-content {
		padding: 0 15% 2.5% 15%;
	}
	.search-field {
	  width: calc(100% - 90px);
	  margin: 0 10px 0 0;
	}
	.search-submit {
		width: auto !important;
		margin: 0 !important;
		padding: 7px 10px 7px 10px !important;
		font-size: 18px !important;
	}
	.fp-blog .blue-btn {
		margin-top: 10%;
	}
	.search-item-thumbnail {
		height: 300px;
		overflow: hidden;
	}
}
@media only screen and (min-width: 900px) {
	.centered-intro-text button {
		font-size: 20px;
	}
	.section-desc {
		float: left;
		width: 600px;
	}
}
@media only screen and (min-width: 1000px) {
	.centered-intro-text h1 {
		font-size: 50px;
	}
	.centered-intro-text p {
		font-size: 24px;
	}
	#content {
		padding: 2.5% 10% 0 10%;
	}
}
@media only screen and (min-width: 1100px) {
	.centered-intro-text h1 {
		font-size: 54px;
	}
	.centered-intro-text p {
		font-size: 28px;
	}
	.content-item-img {
		height: 300px;
	}
	.content-item h2 {
		font-size: 22px;
	}
	.content-item p {
		font-size: 18px;
	}
	.centered-intro-text {
		margin-top: 5%;
	}
}
@media only screen and (min-width: 1400px) {
	#fp-content {
		padding: 0 10% 0 10%;
	}
	#skinny-content {
		padding: 0 20% 2.5% 20%;
	}
}
@media only screen and (min-width: 1650px) {
	#fp-content {
		padding: 0 15% 0 15%;
	}
	.centered-intro-text h1 {
		font-size: 64px;
	}
}