/*
Theme Name: Kaboodles
Theme URI: http://www.caprinadesigns.com/
Description: Custom Wordpress theme for Kaboodles Toy Store
Version: 2.0
Author: Caprina Valentine
Tags: Responsive
*/

/*** COLORS ***/
/* #ffd457; /* light yellow */
/* #9ab6e0; /* blue 50% */
/* #e57f7f; /* 25% RED */
/* #c5b3dc; /* 50% PURPLE */
/* #7aad4d; /* 50% GREEN */
/* #ffb240; /* 50% ORANGE */
/* #e298b4; /* 50% PINK */
/* #ffed88; /* 50% YELLOW */


html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #ffffff;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 115%;
	text-align: center;
}
/*@media only screen and (max-width: 600px) {
	body {
		font-size: 115%;
	}
}*/
h1, h2, h3, h4, h5, h6, p, hr {
	margin: 15px 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial Rounded MT Bold, Arial, sans-serif;
	font-weight: normal;
	/*text-transform: lowercase;*/
}
h1 {
	font-size: 250%;
}
h2 {
	font-size: 150%;
	color: #356dc1; /* blue */
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 115%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}
p, li {
	line-height: 140%;
}
li {
	margin-right: 20px;
}
a {
	color: #356dc1;
	text-decoration: none;
}
a:hover {
	color: #356dc1;
	text-decoration: underline;
}
img, object {
	display: block;
	border: 0;
	max-width: 100%;
	height: auto;
}
div {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
}
hr {
	border: 0;
	border-bottom: 4px dotted #999999;
	padding: 0;
}
.clear {
	clear: both;
}
hr.clear {
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	background: 0;
}
input, textarea, input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
.wpcf7-list-item-label {
	display: none;
}
.center {
	text-align: center;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}

/******************** STRUCTURE ********************/
.layout {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}
.intro {
	padding: 40px 10px 35px 10px;
	background: url(images/bg-scallop.png) center bottom repeat-x, #356dc1 url(images/bg-stripes.png) center repeat; /* blue */
	color: #ffffff;
}
.intro h1, .intro h2, .intro h3 {
	color: #ffffff;
}
.intro p {
	font-family: Arial Rounded MT Bold, Arial, sans-serif;
	font-size: 110%;
}
.intro a {
	color: #ffffff;
	text-decoration: underline;
}
.notice {
	padding: 35px 10px 40px 10px;
	background: #ffd457; /* light yellow */
}
.notice a {
	text-decoration: underline;
}

/******************** HEADER ********************/
.site-header--text-links {
	padding: 1px 0;
	background: #f9d46d; /* yellow */
	text-align: center;
}
.site-header--text-links p {
	margin: 5px;
}
.site-header--text-links a, .site-header--text-links a:hover {
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
}
header .layout {
	text-align: center;
}
header .logo {
	display: inline-block;
	margin: 0 auto;
	padding: 20px 0;
	width: 100px; /* increases after device width = 600px */
}
header div {
	/*border: 1px solid red;*/
}
header .nav, header .searchcart {
	display: inline-block;
	width: 100px;
}
header .nav {
	float: left;
	padding: 20px 0 20px 10px;
	text-align: left;
}
header .searchcart {
	float: right;
	padding: 20px 10px 20px 0;
	text-align: right;
	overflow: hidden;
}
.hdr-search, .hdr-cart {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	position: relative;
}
a.btn-mobilesearch {
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	background: url(images/btn-search.png) no-repeat center;
	background-size: contain;
	cursor: pointer;
}
header .searchcart form {
	display: none;
	margin: 0;
	border-radius: 10px;
	padding: 0;
	width: auto;
	height: 40px;
	background-color: #f3f3f3;
}
/*div.hdr-search:hover form {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 40px;
	top: 0;
	left: 0;
}*/
header .searchcart input[type=search] {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	border: 0 !important;
	border-radius: 10px;
	padding: 0 10px;
	width: 160px;
	height: 40px;
	overflow: hidden;
	background-color: #f3f3f3;
	color: #8c8c8c !important;
	font-weight: bold;
}
header .searchcart input[type=search]:hover {
	background: #e6e6e6;
}
header .searchcart input[type=search]:focus {
	border: 0;
}
header .searchcart button {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	background: url(images/btn-search.png);
	background-size: contain;
	cursor: pointer;
}
header .searchcart a.btn-cart {
	display: block;
	border-radius: 10px;
	width: 40px;
	height: 40px;
	background: url(images/btn-cart.png);
	background-size: contain;
}
.headerphoto {
	padding: 15% 0;
	background: #333333;
}
.headerphoto h1 {
	color: #ffffff;
	text-shadow: 0 0 10px #333333;
}

/******************** NAVIGATION ********************/
.nav {
	clear: both;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}
.nav ul, .nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav a {
	display: block;
	font-family: Arial Rounded MT Bold, Arial;
	color: #333333;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
}
.nav a:hover {
	color: #356dc1; /* blue */
}

.subnav {
	margin: 0;
	height: 35px;
}
a.button, input.button, a.wp-block-button__link {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 15px;
	border: 0;
	border-radius: 10px;
	background: #356dc1; /* blue */
	color: #ffffff;
	font-family: Arial Rounded MT Bold, Arial, sans-serif;
	font-weight: normal;
	font-size: 120%;
	text-transform: lowercase;
	cursor: pointer;
}
div.wp-block-button {
	text-align: center;
}
a.wp-block-button__link {
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}
a.button:hover, input.button:hover, a.wp-block-button__link:hover {
	background: #1e56aa; /* darker blue */
	color: #ffffff;
	text-decoration: none;
}

/******************** PAGE COLORS ********************/

.mailchimp {
	display: none;
}


/******************** HOME ********************/
.homefeatures {
	padding: 10px;
}
.homefeature {
	margin: 10px;
	border-radius: 10px;
	padding: 40px 0 5px 0;
	min-height: 220px;
	color: #ffffff;
}
@media only screen and (max-width: 600px) {
	.homefeature {
		min-height: 120px;
	}
}
.homefeature a {
	color: #ffffff;
	text-decoration: underline;
}
.holidayhours { /*green*/
	background: #4e9211 url(images/bg-candycane.png) repeat-x top center;
}

h2.features {
	margin: 10px 20px;
	padding: 7px 20px;
	border-radius: 10px;
	background: #ffcc00;
	color: #fffff;
}

/******************** POSTS / TOYS / TEAM ********************/
.posts {
	padding: 20px 0;
}
.post {
	padding: 0 0 10px 0;
}
.post h3, .post h4, .post p {
	/*margin: 10px 10px;*/
}
.post h3 {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 5px 10px;
	background: url(images/bg-posttitle.png) no-repeat right center;
	color: #ffffff;
	font-weight: normal;
	max-height: 30px;
	overflow: hidden;
}
.postcolor1 h3 {
	background: #356dc1 url(images/bg-posttitle.png) no-repeat right center; /* blue */
}
.postcolor2 h3 {
	background: #cc0000 url(images/bg-posttitle.png) no-repeat right center; /* red */
}
.postcolor3 h3 {
	background: #4e9211 url(images/bg-posttitle.png) no-repeat right center; /* green */
}
.postcolor4 h3 {
	background: #8a60b6 url(images/bg-posttitle.png) no-repeat right center; /* purple */
}
.postcolor5 h3 {
	background: #FF9900 url(images/bg-posttitle.png) no-repeat right center; /* orange */
}
.postcolor6 h3 {
	background: #c53169 url(images/bg-posttitle.png) no-repeat right center; /* pink */
}
.postcolor1 img, .postcolor2 img, .postcolor3 img, .postcolor4 img, .postcolor5 img, .postcolor6 img {
	border-radius: 30px;
	box-sizing: border-box;
}
.postcolor1 img {
	border: 10px solid #356dc1; /* blue */
}
.postcolor2 img {
	border: 10px solid #cc0000; /* red */
}
.postcolor3 img {
	border: 10px solid #4e9211; /* green */
}
.postcolor4 img {
	border: 10px solid #8a60b6; /* purple */
}
.postcolor5 img {
	border: 10px solid #FF9900; /* orange */
}
.postcolor6 img {
	border: 10px solid #c53169; /* pink */
}

.post a.posttoycategorylink {
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
}
.postcolor1 a.button {
	background: #356dc1; /* blue */
}
.postcolor2 a.button {
	background: #cc0000; /* red */
}
.postcolor3 a.button {
	background: #4e9211; /* green */
}
.postcolor4 a.button {
	background: #8a60b6; /* purple */
}
.postcolor5 a.button {
	background: #FF9900; /* orange */
}
.postcolor6 a.button {
	background: #c53169; /* pink */
}
.post a.button:hover {
	background: #333333;
}

div.blog_post_content div.wp-block-columns:nth-of-type(1n) div.wp-block-column:nth-of-type(1) img {
	border: 10px solid #356dc1; /* blue */
}
div.blog_post_content div.wp-block-columns:nth-of-type(1n) div.wp-block-column:nth-of-type(2) img {
	border: 10px solid #cc0000; /* red */
}
div.blog_post_content div.wp-block-columns:nth-of-type(2n) div.wp-block-column:nth-of-type(1) img {
	border: 10px solid #4e9211; /* green */
}
div.blog_post_content div.wp-block-columns:nth-of-type(2n) div.wp-block-column:nth-of-type(2) img {
	border: 10px solid #8a60b6; /* purple */
}
div.blog_post_content div.wp-block-columns:nth-of-type(3n) div.wp-block-column:nth-of-type(1) img {
	border: 10px solid #FF9900; /* orange */
}
div.blog_post_content div.wp-block-columns:nth-of-type(3n) div.wp-block-column:nth-of-type(2) img {
	border: 10px solid #c53169; /* pink */
}

div.blog_post_content div.wp-block-columns:nth-of-type(1n) div.wp-block-column:nth-of-type(1) h2 {
	color: #356dc1; /* blue */
}
div.blog_post_content div.wp-block-columns:nth-of-type(1n) div.wp-block-column:nth-of-type(2) h2 {
	color: #cc0000; /* red */
}
div.blog_post_content div.wp-block-columns:nth-of-type(2n) div.wp-block-column:nth-of-type(1) h2 {
	color: #4e9211; /* green */
}
div.blog_post_content div.wp-block-columns:nth-of-type(2n) div.wp-block-column:nth-of-type(2) h2 {
	color: #8a60b6; /* purple */
}
div.blog_post_content div.wp-block-columns:nth-of-type(3n) div.wp-block-column:nth-of-type(1) h2 {
	color: #FF9900; /* orange */
}
div.blog_post_content div.wp-block-columns:nth-of-type(3n) div.wp-block-column:nth-of-type(2) h2 {
	color: #c53169; /* pink */
}

div.blog_post_content div.wp-block-columns:nth-of-type(1n) div.wp-block-column:nth-of-type(1) .wp-block-button__link {
	background: #356dc1; /* blue */
}
div.blog_post_content div.wp-block-columns:nth-of-type(1n) div.wp-block-column:nth-of-type(2) .wp-block-button__link {
	background: #cc0000; /* red */
}
div.blog_post_content div.wp-block-columns:nth-of-type(2n) div.wp-block-column:nth-of-type(1) .wp-block-button__link {
	background: #4e9211; /* green */
}
div.blog_post_content div.wp-block-columns:nth-of-type(2n) div.wp-block-column:nth-of-type(2) .wp-block-button__link {
	background: #8a60b6; /* purple */
}
div.blog_post_content div.wp-block-columns:nth-of-type(3n) div.wp-block-column:nth-of-type(1) .wp-block-button__link {
	background: #FF9900; /* orange */
}
div.blog_post_content div.wp-block-columns:nth-of-type(3n) div.wp-block-column:nth-of-type(2) .wp-block-button__link {
	background: #c53169; /* pink */
}


.teammember img {
	box-sizing: border-box;
	margin: 0 auto;
	border-width: 15px !important;
	border-radius: 50% !important;
	max-width: 300px;
	height: auto;
}
.teammember h3.post-title {
	margin: 10px auto;
	width: 100px;
	font-size: 120%;
	text-align: center;
}
#dealers {
	padding: 40px 10px;
	text-align: center;
}
#dealers h6 {
	margin: 15px 0 5px 0;
	color: #999999;
}
#dealers .brandlogo {
	display: inline-block;
	padding: 10px 15px;
	width: auto;
}
#dealers .brandlogo img {
	opacity: 0.5;
}
#dealers .brandlogo img:hover {
	opacity: 1.0;
}

/******************** TOYS ********************/
.toysnav {
	border-top: 4px dotted #cc0000;
	border-bottom: 4px dotted #cc0000;
	padding: 20px;
	font-weight: bold;
}
a.btn-toysnav {
	display: none;
}
.tax-toycategory a.btn-toysnav {
	display: block;
	width: 100%;
	height: 30px;
}
.tax-toycategory .toysnav {
	background: url(images/bg-toysnav.png) no-repeat center;
}
.tax-toycategory .toysnav:hover {
	background: none;
}
.tax-toycategory .toysnav ul {
	display: none;
}
.tax-toycategory .toysnav:hover ul {
	display: block;
}
.toysnav ul, .toysnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.toysnav ul.children {
	margin-left: 15px;
}
.toysnav a {
	display: block;
	padding: 2px 0;
	color: #333333;
	color: #cc0000;
}
.toysnav a:hover {
	color: #356dc1;
	text-decoration: none;
}
@media only screen and (min-width: 480px) {
	.toysnav ul {
		column-count: 2;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
	}
}
@media only screen and (min-width: 700px) {
	.toysnav ul {
		column-count: 3;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
	}
}
@media only screen and (min-width: 1000px) {
	.toysnav ul {
		column-count: 4;
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
	}
}

.toys-feature {
	box-sizing: border-box;
	margin: 20px;
	border-radius: 20px;
	padding: 0 0 0 100px;
	min-height: 260px;
}
@media only screen and (max-width: 480px) {
	.toys-feature {
		padding: 100px 0 0 0;
	}
}
.toys-feature h3 {
	margin-bottom: 0;
}
.toys-feature p {
	margin-top: 0;
}
.toycategory-description {
	margin: 15px 20px;
	padding: 0 0 15px 0;
	border-bottom: 3px dotted #4e9211;
	font-size: 110%;
	color: #4e9211;
}

/******************** FORMS ********************/
form, fieldset, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
#search {
	text-align: right;
	padding: 10px 15px 25px 15px;
}
#search input[type=text] {
	margin: 0;
	border: 1px solid #333333;
	padding: 3px;
	width: 200px;
	background: #ffffff;
	color: #000000;
}
#search input[type=submit] {
	margin: 0;
	border: 0;
	padding: 3px;
	font-weight: bold;
	background: #000000;
	color: #ffffff;
}
.search {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 5px 0 8px 20px;
	background: #666666;
}
#search label, .search label {
	display: none;
}
#search_input {
	border: 0;
	background: #ffffff;
	color: #000000;
}
#search_submit {
	border: 0;
	font-weight: bold;
	background: #000000;
	color: #ffffff;
}

.wpcf7-form {
	font-size: 125%;
	line-height: 140%;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea, .wpcf7-form input[type=submit] {
	border: 1px solid #666666;
	border-radius: 5px;
	padding: 5px;
	max-width: 100%;
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: #333333;
}
.wpcf7-form input[type=submit] {
	border: 0;
	border-radius: 10px;
	padding: 10px 15px;
	background: #356dc1;
	color: #ffffff;
	font-family: Arial Rounded MT Bold, Arial, sans-serif;
	font-size: 125%;
	font-weight: bold;
	text-transform: lowercase;
}

/******************** FOOTER ********************/
#signup {
	padding: 60px 10px 80px 10px;
	background: url(images/bg-scallop.png) center bottom repeat-x, #356dc1 url(images/bg-stripes.png) center repeat; /* blue */
	color: #ffffff;
}
#signup label {
	display: inline-block;
	padding: 0 5px;
	white-space: nowrap;
}
#signup label input {
	margin: 5px 15px 5px 5px;
	display: inline-block;
}
#signup input[type=text], #signup input[type=email] {
	max-width: 120px;
}
#signup input[type=text], #signup input[type=email], #signup button, #signup .button {
	display: inline-block;
	margin: 5px 10px;
	border: 0;
	border-radius: 10px;
	padding: 10px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
#signup button, #signup .button {
	padding: 10px 15px;
	background: #ffd457; /* light yellow */
	color: #356dc1; /* blue */
	font-weight: bold;
}
#signup a {
	color: #ffd457; /* light yellow */
	text-decoration: none;
}
#signup a:hover {
	color: #ffd457; /* light yellow */
	text-decoration: underline;
}
#footer {
	padding: 1px 0;
	font-size: 90%;
}
.footercontent {
	margin: 0 auto;
	max-width: 1200px;
}
#footer .contactinfo {
	clear: both;
	text-align: center;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .social {
	margin: 0 auto;
	text-align: center;
}
#footer .social .icon {
	display: inline-block;
	padding: 5px;
	width: 50px;
}
.footernav {
	padding: 10px 0;
	background: #ffd457; /* light yellow */
}
.footernav .colquarter, .footerfeature {
	padding: 10px 0;
	text-align: left;
}
.footernav .colquarter h3, .footernav .colquarter p, .footerfeature h3, .footerfeature p {
	margin: 5px 10px;
}
.footernav .colquarter img, .footerfeature img {
	margin: 10px auto;
}
.footernav .colquarter a, .footerfeature a {
	color: #000000;
	text-decoration: underline;
}
.footernav ul {
	text-align: center;
}
.footernav ul, .footernav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footernav li {
	/*float: left;*/
	display: inline-block;
}
.footernav ul a {
	display: block;
	border-radius: 20px;
	padding: 5px 10px;
	font-family: Arial Rounded MT Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.footernav ul a:hover {
	background: rgba(255,255,255,0.5);
	text-decoration: none;
}
ul.inline-list.payment-icons li {
	display: inline-block;
	list-style: none;
}

.credit {
	clear: both;
	margin: 20px auto;
	font-family: Arial, sans-serif;
	font-size: 80%;
	color: #666666;
	text-transform: uppercase;
	text-align: center;
}
.credit a {
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
}
.credit a:hover {
	color: #ffffff;
	text-decoration: underline;
}


@media only screen and (max-width: 799px) {
	.btn-mobilenav a {
		display: inline-block;
		border: 1px solid #ffffff;
		border-radius: 10px;
		width: 40px;
		height: 40px;
		background: url(images/btn-mobilenav.png) no-repeat center;
		background-size: contain;
	}
	.nav {
		background: #ffffff;
	}
	.nav ul {
		display: none;
	}
	.nav:hover ul {
		display: block;
	}
	.nav a {
		font-size: 150%;
	}
	.nav li a {
		margin: 5px;
		padding: 10px;
		border-radius: 5px;
	}
}


@media only screen and (min-width: 600px) {
	header .logo {
		width: 200px;
	}
	header .nav, header .searchcart {
		width: 100px;
	}
	header .searchcart a.btn-cart {
		display: block;
	}
	.colthird, .colquarter {
		float: left;
		width: 50%;
	}
	.colthird:nth-of-type(2n+1), .colquarter:nth-of-type(2n+1) {
		clear: left;
	}
	.footerfeature {
		float: left;
		width: 50%;		
	}
}

@media only screen and (min-width: 800px) {
	header .nav, header .searchcart {
		width: 35%;
	}
	.btn-mobilenav {
		display: none;
	}
	header .nav li {
		display: inline-block;
	}
	header .nav li a {
		padding: 5px 10px;
		font-size: 100%;
	}
	.hdr-search, .hdr-cart {
		width: auto;
	}
	header .searchcart .btn-mobilesearch {
		display: none;
	}
	header .searchcart form {
		display: block;
	}
}

@media only screen and (min-width: 960px) {
	
	.colthird:nth-of-type(2n+1), .colquarter:nth-of-type(2n+1) {
		clear: none;
	}
	.colhalf {
		float: left;
		width: 50%;
	}
	.colhalf:nth-of-type(2n+1) {
		clear: left;
	}
	.colthird {
		width: 33.3%;
	}
	.colthird:nth-of-type(3n+1) {
		clear: left;
	}
	.colquarter {
		width: 25%;
	}
	.colquarter:nth-of-type(4n+1) {
		clear: left;
	}
	.postcolor1 img, .postcolor2 img, .postcolor3 img, .postcolor4 img, .postcolor5 img, .postcolor6 img {
		border-radius: 40px;
		border-width: 10px;
	}
}