/*   
Theme Name: Corgi Love
Text Domain: corgi-love
Description: Theme created for Pembroke and Cardigan Welsh Corgi lovers
Tags: brown, green, white, light, dark, right-sidebar, responsive-layout, custom-header, custom-background, custom-menu, rtl-language-support, sticky-post, translation-ready 
Author: Lynn Martino
Author URI: http://www.codiceebella.com
Version: 1.11
License:
This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>
License URI: http://www.gnu.org/licenses/
*/
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #6f4008;
	background: #b8c9b4;
	height: 100%;
}
#mainwrap {
	max-width: 900px;
	margin: 0 auto;
	background: #ffffff;
	border: 1px solid #ccc;
	height: 100%;

}
a {
	color: #4c7844;
	text-decoration: none;
}

/****** TYPOGRAPHY ******/
h1, h2, h3, h4, h5, h6, p, form, #sidebar ul, #sidebar li{
    margin: 0px;
    padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Dosis', sans-serif;
	color: #6f4008;
	padding: 2% 3% 0;
	letter-spacing: -1px;
}
h1, h2, h3 {
	letter-spacing: none;
}
h1 {
	font-size: 2.05em;
	font-weight: 100;
}
h2 {
	font-weight: 100;
	font-size: 1.700em;
	padding: 3% 0 0 3%;
}
h3 {
	font-weight: 100;
	font-size: 1.525em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size:  14px;
}
/****** HEADER STYLES ******/
.site-title a {
	font-family: 'Dosis', sans-serif;
	color: #6f4008;
	padding: 2% 2% 0;
	margin: 0;
	letter-spacing: -1px;
	font-size: 2.05em;
	font-weight: bold;
	text-decoration: none;
}
.site-description {
	font-family: 'Dosis', sans-serif;
	letter-spacing: -1px;
	font-size: 1.300em;
	color: #6f4008;
	padding: 0 2% 0;
	margin: 0 0 2%;
}
.site-header {
	width: 100%;
	height: auto;
	background-size: 1024px 0 !important;
}
.site-header img {
	max-width: 100%;
	height: auto;
}
/******* MAIN NAV STYLES *******/
nav {
	background: #291703;
	background: -moz-linear-gradient(#4E2D05, #291703);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E2D05), to(#291703));
	background: -webkit-linear-gradient(#4E2D05, #291703);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
nav ul {
	font-size: 14px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
nav li {
	float: left;
	position: relative;
	padding: 0 0 0 1%;
}
nav a {
	color: #cfb983;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
nav ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 10px;
	width: 188px;
	z-index: 99999;
}
nav ul ul ul {
	left: 100%;
	top: 0;
}
nav ul ul a {
	background: #f2f2f2;
	border-bottom: 1px dotted #ddd;
	color: #291703;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1em;
	padding: 10px 10px;
	width: 168px;
}
nav li:hover > a,
nav ul ul :hover > a {
	background: #e8dede;
}
nav li:hover > a {
	background: #f2f2f2;
	background: -moz-linear-gradient(#f2f2f2, #e8dede);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#e8dede));
	background: -webkit-linear-gradient(#f2f2f2, #e8dede);
	color: #291703;
}
nav ul li:hover > ul {
	display: block;
}
nav .current_page_item a {
	font-weight: bold;
}
/******* FOOTER NAV STYLES *******/
.subnav {
	background: #291703;
	background: -moz-linear-gradient(#4E2D05, #291703);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E2D05), to(#291703));
	background: -webkit-linear-gradient(#4E2D05, #291703);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
.subnav ul {
	font-size: 8px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
.subnav li {
	float: left;
	position: relative;
	padding: 0 0 0 1%;
}
.subnav a {
	color: #c5fcba;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
.subnav ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 10px;
	width: 188px;
	z-index: 99999;
}
.subnav ul ul ul {
	left: 100%;
	top: 0;
}
.subnav ul ul a {
	background: #f2f2f2;
	border-bottom: 1px dotted #ddd;
	color: #291703;
	font-size: 8px;
	font-weight: normal;
	height: auto;
	line-height: 1em;
	padding: 10px 10px;
	width: 168px;
}
.subnav li:hover > a,
.subnav ul ul :hover > a {
	background: #e8dede;
}
.subnav li:hover > a {
	background: #f2f2f2;
	background: -moz-linear-gradient(#f2f2f2, #e8dede);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#e8dede));
	background: -webkit-linear-gradient(#f2f2f2, #e8dede);
	color: #291703;
}
.subnav ul li:hover > ul {
	display: block;
}
.subnav .current_page_item a {
	font-weight: bold;
}
/***** WP CONTENT STYLES *******/
.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;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
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, .gallery-caption {
    background: #b8c9b4;
    border: 1px solid #b8adad;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 10px;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 10px;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.gallery-caption img, .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky .entry,
.bypostauthor {
	font-style: italic;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 29% !important;
}
/****** GLOBAL STYLES ******/
.clear{ 
	clear:both;
}
.spacer {
	width: 100%;
	height: 10px;
	margin: auto;
}
#content-wrap {
	float: left;
	width: 100%;
	height: auto;
	min-height: 0px;
	margin: 2% 0 2% 0;
}
.content{ 
	float: right;
	width: 98%;
	height: auto;
}
.entry { 
	float: left;
	width: 98.0%;
	height: auto;
	padding: 0 0 2%;
}
.content p, .entry p {
	line-height: 1.4em;
	padding: 2% 3% 0;
}
.content img, .entry img {
	max-width: 92%;
	height: auto;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}
.content img {
	margin: 2% 4%;
}
ul li {
	line-height: 1.4em;
}
table,
dl {
	margin: 2%;
	line-height: 1.4em;
}
dt {
	font-weight: bold;
}
pre {
	background: #f2f2f2;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin: 1.625em;
	padding: 0.75em 1.625em;
	overflow: auto;
	border: 1px solid #d2d2d2;
}
address {
	margin: 2% 3%;
	line-height: 1.2em;
}
#sidebar {
	float: left;
	width: 0%;
	height: auto;
	min-height: 0px;	
	font-size: 1.0em;
	padding: 0 0 2% 0;
	margin: 2% 0 0;
}
.widget-heading{
	font-family: 'Dosis', sans-serif;
	text-align: left;
	font-size: 1.5em;
	letter-spacing: -1px;
	padding: 10% 0 0;
}
#sidebar ul {
	line-height: 1.5em;
}
#sidebar ul li{
	list-style: none;
	padding: 0 0 0 20px;
	background: url('images/paw-bullet.jpg') 0% 10% no-repeat;
}
#footer {
	width: 100%;
	height: auto;
}
#copyright {
	border-top: 8px solid #4E2D05;
	padding: 2% 0;
	margin: 0;
	text-align: center;
}
p.meta.post-date {
	padding: 0 3%;
	margin: 0 0 1%;
}
.postmetadata {
	width: 96%;
	font-size: .875em;
	padding: 0 0 .5em;
	margin: 0 3%;
	border-bottom: 1px solid #4c7844;
}
.posts-navigation {
	margin: 2%;
}
blockquote {
    border-left: 10px solid #dfffd9;
    padding-left: 4%;
}
cite {
    font-style: normal;
    text-transform: capitalize;
    line-height: 1em;
}
.navigation {
	clear: both;
	padding: .5em 0px;
}
.next-posts {
	color: #4c7844;
	padding: 0 0 0 2%;
}
.prev-posts {
	color: #b8adad;
	padding: 0 0 0 2%;
}
.left {
	width: 50%;
	text-align: left;
	float: left;
}
.right {
	text-align: right;
}
ol.commentlist { 
	list-style: none; 
	padding: 0;
}
ol.commentlist li { 
	color:#6f4008; 
	margin: 0 0 1%;}
ol.commentlist li.comment { 
	border-bottom: 1px dotted #4c7844; 
	padding: 1.02040816326531em; 
}
ol.commentlist li.comment div.comment-author { 
	background: #f2f2f2; }
ol.commentlist li.comment div.vcard cite.fn { 
	font-style: normal; padding: 0;
}
ol.commentlist li.comment div.vcard img.avatar { 
	float:right; 
	margin: 0 0 1.02040816326531em 1.02040816326531em; 
	height: 50px; 
	width: 50px; }
ol.commentlist li.comment div.comment-meta { 
	font-size: .75em; 
}
ol.commentlist li.comment div.comment-meta a { 
	color: #4c7844; 
}
ol.commentlist li.comment div.reply { 
	font-size: .6875em; 
}
ol.commentlist li.comment div.reply a { 
	font-weight: normal; 
}
ol.commentlist li.comment ul.children { 
	list-style: none; 
	margin: 1.02040816326531em 0 0; 
}
ol.commentlist li.comment ul.children li.depth-2 { 
	border-left: .51020408163265em solid #dfffd9; 
	margin: 0 0 1.02040816326531em 1.02040816326531em; 
}
ol.commentlist li.comment ul.children li.depth-3 { 
	border-left: .51020408163265em solid #cdddc9; 
	margin: 0 0 1.02040816326531em 1.02040816326531em; 
}
ol.commentlist li.comment ul.children li.depth-4 { 
	border-left: .51020408163265em solid #b8c9b4; 
	margin: 0 0 1.02040816326531em 1.02040816326531em; 
}
ol.commentlist li.even { 
	background: #e8dede; 
	border: 1px solid #b8adad; 
}
ol.commentlist li.odd { 
	background: #f2f2f2; 
	border: 1px solid #e8dede; 
}
textarea {
	width: 100%;
	background: #e8dede;
 }
textarea:focus {
	background: #efefef;
 }
ol.commentlist input[type="text"]:focus {
	background: #efefef;
}
.single #comments { 
	float: left; 
	margin-top: 30px; 
	width: 100%; 
}
.single .commentlist { 
	float: left; 
	position: relative; 
	width: 98%; 
	padding: 0 0 0 2%;
}
.single .commentlist > li { 
	padding: 1.02040816326531em; 
}
.single .comment-author img { 
	float: left; 
	margin-right: .51020408163265em; 
}
.single .commentmetadata { 
	position: relative; 
}
#respond { 
	float: left; margin-top: 30px; 
}
#author-info #author-avatar {
	padding: 0;
	float: left;
}
#author-avatar {
	padding: 0 1% 0 3% !important;
	}
#author-description {
	padding: 0 1% 0 3%;
	line-height: 1.6em;
}
#author-description h2 {
	padding: 0;
}
select {
	width: 90%;
}
/********* MEDIA QUERIES *******/
@media screen and (max-width: 1024px) {
	.content { 
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	#content-wrap { 
		width: 99%;
	}
	.content { 
		width: 96%;
	}
	#sidebar {
		width: 100%;
	}
	#sidebar ul {
		padding: 0 2%;
	}
}
@media screen and (max-width: 480px) {
	#content-wrap { 
		width: 99%;
	}
	.content { 
		width: 96%;
	}
	input.text{
		margin: 0 1% 1% 10%;
	}
	input.msg{
		margin: 0 1% 1% 10%;
	}
	#sidebar {
		width: 100%;
	}
	#sidebar ul {
		padding: 0 2%;
	}
}
@media screen and (max-width: 360px) {
	#content-wrap { 
		width: 99%;
	}
	.content { 
		width: 96%;
	}
	#sidebar {
		width: 100%;
	}
	#sidebar ul {
		padding: 0 2%;
	}
}
@media screen and (max-width: 320px) {
	#content-wrap { 
		width: 99%;
	}
	.content { 
		width: 96%;
	}
	#sidebar {
		width: 100%;
	}
	#sidebar ul {
		padding: 0 2%;
	}
}

/********* Contact form 7 *******/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"]
{
    background-color: #fff;
    color: #000;
    width: 50%;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 1em;
}
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 75%;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 1em;
}