/*
	Theme Name: Kinderperfect
	Theme URI: http://www.heideldesign.com
	Description: 9/30/16 Kinderperfect Theme
	Version: 1.0
	Author: Heideldesign
	Author URI: http://heideldesign.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    Foundation extensions
\*------------------------------------*/

.pagination a {display:inline-block;}
.thumb {display:inline-block;margin-top:10px;}
.template-product ul.gallery {display:none;}
.template-index .main-content {margin-top:20px !important;}
a {color:#e33825;}
h1,h3,h4,h5 {font-family: 'Arvo';}
h2 {font-family: 'Quicksand', sans-serif;font-weight:bold;}
header {padding:10px;}
header,.top-bar, .top-bar ul,footer {background-color:#fff;}
header a,footer a {font-family: 'Quicksand';color:#e33825;font-weight:bold;text-transform:uppercase;}
header a:hover,footer a:hover {color:#fac42f}
/* .buyme {margin-top:-40px auto;width:100%;position:absolute;} */
.buyme {padding:20px 40px;width:100%;text-align:center;margin-bottom:0px;}

.button {font-weight:bold;background-color:#e33825;}
.button:hover {background-color:#fac42f;}

.buyme2 {background-color:#000 /*#fac42f */;padding:0px;}
.buyme2 h1 {margin-bottom:0px;padding-bottom:0px;border-bottom:1px solid #222;}
.buyme2:hover {background-color:#444;}
.is-dropdown-submenu {border:0px;}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#e33825 transparent transparent}

.menu-icon.dark::after {background: #e33825;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #e33825, 0 14px 0 #e33825;
}

.menu > li {
    display: block;
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    white-space: nowrap;
    width: 1%;
    height: 100%;
}

.slide {position:relative;background-color:#000;border-bottom:8px solid #fac42f;}
.perfect {margin-top:40px;}
.callout {border-color:#ccc;text-align:center;border-radius: 25px; box-shadow: 0px 3px 10px #888888;padding:30px;
background-image: url('/wp-content/themes/kinderperfect/img/horns-gold.png');background-position:center;}
.callout i {color:#fac42f;font-size:4rem;margin-bottom:20px;}
.callout h3 {font-size: 1.6rem;font-weight: bold;color:#e33825;}

.aboutkp {border-top:8px solid #e33825;background-color:#eee;padding:40px 0;margin:40px 0 0;background-image: url('/wp-content/themes/kinderperfect/img/horns-gold.png');background-position:center;}

footer {padding:40px 0;color:#fff;background-color:#333;}
footer .menu > li  {display:block;}
footer .menu > li > a {padding:.2rem 0rem}
footer .columns {margin-bottom:40px;}
.footerlogo {text-align:center;}
.footersignup {text-align:right;}

.contenttop {margin:40px auto;}
.search-submit {display:none;}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


/**
 * 11.4 - Comments
 */

.comments-area {
	margin: 0 7.6923% 3.5em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	border-top: 4px solid #1a1a1a;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.3125;
	padding-top: 1.217391304em;
}

.comments-title {
	margin-bottom: 1.217391304em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.875em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: 0;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #007acc;
	font-family: Merriweather, Georgia, serif;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;

}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}




/*------------------------------------*\
    MOBILE OVERRIDES
\*------------------------------------*/

  @media screen and (min-width: 64em)
  {
  .menuholder {position:relative;}
.top-bar {position: absolute;top: 20px;right: 0;}

  }
  
   @media screen and (min-width: 40em)
  {
 header {padding:20px 0;}
 /* .buyme {margin-top:-60px auto;} */
 
 .menu > li {
    display: table-cell;
}

.mail {width:80%;float:right;}
footer .columns {margin-bottom:0px;}
  }
  
   @media screen and (max-width: 40em)
  {
.footersignup,.footerlogo {text-align:left !important;}
  }

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}