/*
 Theme Name:   Ace's Retrievers (based on Layers Dawg theme)
 Template:     layerswp
 Version:      1.0.0
*/

/* 

 1. BASICS
 2. LOGO
 3. NAVIGATION
 4. PAGE TITLE
 5. POSTS
 6. LAYERS
 7. SIDEBAR
 8. FOOTER
 9. VARIOUS ELEMENTS
10. MEDIA QUERIES

*/

/* 1. BASICS */

body { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.7rem; }
.invert a:hover { color: rgba( 255, 255, 255, 0.3 ); }
hr { border-color: rgba( 0, 0, 0, 0.05 ); margin: 40px 0; }
.invert hr { border-color: rgba( 255, 255, 255, 0.15 ); }
.header-site .container { padding: 40px 20px; }
/* banner button */
.banner .button:hover { opacity: .5; -moz-opacity: .5; }
/* spacing */
article.push-bottom-large { margin-bottom: 15%; }
article.push-bottom-large:last-child { margin-bottom: 0; }
/* blockquotes */
.story blockquote, .copy blockquote { display: inline-block; background: #fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; font-size: 1.8rem; font-style: italic; font-weight: 300; line-height: 2.8rem; border: 1px solid rgba( 0, 0, 0, 0.05 ); -moz-box-shadow: 5px 5px 0 rgba( 0, 0, 0, 0.03 ); -webkit-box-shadow: 5px 5px 0 rgba( 0, 0, 0, 0.03 ); box-shadow: 5px 5px 0 rgba( 0, 0, 0, 0.03 ); }
.story blockquote::before, .copy blockquote::before { content: "\201C"; font-size: 60px; font-weight: bold; position: absolute; left: 10px; top: 20px; }
.story blockquote::after, .copy blockquote::after  { content: ""; }
.story blockquote cite, .copy blockquote cite { font-size: 1.4rem; display: block; font-style: normal; font-weight: 600; margin-top: 10px; }
/* dl, dt, dd */
.story dt, .copy dt { font-weight: 600; }
.story dd, .copy dd { margin-bottom: 10px; }
/* pre */
pre { padding: 20px; overflow-x: auto; }

/* 2. LOGO */

.site-logo-link img, .mark img { max-height: none; }

/* 3. NAVIGATION */

.nav-horizontal li > a, .header-cart a { text-transform: uppercase; font-size: 1.5rem; }
.nav-horizontal li.current-menu-item > a { color: #8F8F8F; }
.nav-horizontal .sub-menu li.current-menu-item > a { color: #8F8F8F; }
.sub-menu { left: -22px; border: none; -moz-box-shadow: 3px 3px 0 rgba( 0, 0, 0, 0.03 ); -webkit-box-shadow: 3px 3px 0 rgba( 0, 0, 0, 0.03 ); box-shadow: 3px 3px 0 rgba( 0, 0, 0, 0.03 ); }
.sub-menu li { border-bottom: 1px solid rgba( 0, 0, 0, 0.03 ); width: 220px; }
.invert .sub-menu li { border-bottom: 1px solid rgba( 255, 255, 255, 0.75 ); }
.sub-menu li:last-child { border-bottom: none; }
.sub-menu li a { font-size: 1.4rem; font-weight: 400; font-style: italic; text-transform: none; padding: 10px 20px; }
.header-site.invert .nav-horizontal > ul > li.current-menu-item > a { color: rgba( 255, 255, 255, 0.7 ); }
.header-site.invert .sub-menu li a { background-color: rgba( 255, 255, 255, 0.9 ); }
.nav li .sub-menu .sub-menu, .nav li:hover > .sub-menu .sub-menu { left: 221px; top: 0; }
.header-secondary .nav-horizontal li > a { font-size: 1.3rem; font-weight: 400; text-transform: none; }

/* 4. PAGE TITLE */

.title .row:first-child { align-items: center; display: flex; }
.section-title.large .heading { font-size: 3.8rem; font-weight: 600; }
.section-title.large .excerpt { font-size: 1.8rem; line-height: 2.6rem; }
.title-container.custom-title-container .title { padding: 20px; }
.title-container.custom-title-container { background: url( 'assets/images/background_cb_transp.png' ) 0px -150px repeat-x rgba( 0, 0, 0, 0.03 ); }
.title-container .heading { font-size: 2.3rem; line-height: 2.5rem; font-weight: 400; }
.title-container .excerpt { font-size: 1.6rem; line-height: 2.3rem; font-style: italic; font-weight: 300; margin-top: 5px; }
.bread-crumbs { margin-bottom: 5px; }

/* 5. POSTS */

.entry-title, .section-title.large .heading { margin: 0 0 30px; }
.story img { max-width: 100%; }
.story img.alignleft { margin-right: 20px; }
.story img.aligncenter { margin-left: auto; margin-right: auto; }
.wp-caption, .wp-caption.alignright, .story img.alignright { margin-bottom: 20px; }
.wp-caption.aligncenter { margin: 20px auto; }
.story, .copy { font-size: 1.7rem; line-height: 2.5rem; }
.story.small, .copy.small { line-height: 2rem; }
a.moretag { font-size: 1.3rem; text-transform: uppercase; text-decoration: none; border: none; white-space: nowrap; }
.meta-item { display: inline-block; font-size: 1.3rem; margin: 0 0 0 20px; }
.meta-item:first-child { margin-left: 0; }
.button { font-size: 1.2rem; font-weight: 300; text-transform: uppercase; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.wp-caption { background-color: rgba( 0, 0, 0, 0.05 ); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wp-caption p.wp-caption-text { font-style: italic; font-weight: 300; }
.mejs-container { margin-bottom: 20px; }

/* 6 LAYERS */

.thumbnail-body { background-color: inherit; }
.media .heading + .excerpt { line-height: 2.3rem; }
.media.large .heading + .excerpt { line-height: 3rem; }
.media.large .excerpt { line-height: 3rem; }
/* call banner */
.dawg-call-banner { padding: 10px 20px; font-size: 1.4rem; line-height: 1.6rem; font-weight: 300; font-style: italic; }

/* 7. SIDEBAR */

.sidebar, .footer-site { font-size: 1.4rem; line-height: 2.2rem; }
.widget.well { background-color: transparent; }
.pull-left.sidebar .content { padding: 0 30px 0 0; }
.pull-right.sidebar .content { padding: 0 0 0 30px; }
.sidebar .widget.push-bottom-large { margin-bottom: 15%; }
.sidebar .widget.push-bottom-large:last-child { margin-bottom: 0; }
.section-nav-title, .footer-site .section-nav-title { color: rgba( 0, 0, 0, 0.85 ); font-weight: 300; margin-bottom: 20px; letter-spacing: 0.1rem; }
.sidebar .widget li, .footer-site .widget li { border-bottom: 1px solid rgba( 0, 0, 0, 0.05 ); margin-bottom: 8px; padding-bottom: 8px; }
/* tags */
.tagcloud { overflow: hidden; }
.tagcloud a { display: block; float: left; font-size: 1.2rem !important; line-height: 1.4rem; margin: 0 5px 5px 0; padding: 5px 10px; position: relative; }
.tagcloud a:link, .tagcloud a:visited { background-color: rgba( 0, 0, 0, 0.05 ); }
.invert .tagcloud a:link, .invert .tagcloud a:visited { background-color: rgba( 255, 255, 255, 0.15 ); }
.tagcloud a:hover, .tagcloud a:focus {  }
/* claendar */
#wp-calendar caption { text-align: center; }
/* dog list */
.sidebar p.dawg-basic-info, .footer-site p.dawg-basic-info { font-size: 1.4rem; line-height: 1.7rem; }
.sidebar li.widget-list-dogs-li, #footer li.widget-list-dogs-li { display: block; overflow: hidden; margin-bottom: 12px; padding-bottom: 12px; }
.sidebar li.widget-list-dogs-li > a, .footer-site li.widget-list-dogs-li > a { display: table; }
.sidebar li.widget-list-dogs-li > a img, .sidebar li.widget-list-dogs-li > a div, 
.footer-site li.widget-list-dogs-li > a img, .footer-site li.widget-list-dogs-li > a div { display: table-cell; vertical-align: middle; }
.sidebar li.widget-list-dogs-li > a img, .footer-site li.widget-list-dogs-li > a img { margin-right: 14px; }
.sidebar li.widget-list-dogs-li-title, .footer-site li.widget-list-dogs-li-title { font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 5px; }
/* quick contact */
.quick-contact .address { position: relative; padding-left: 30px; }
.quick-contact .quick-contact-title { margin-bottom: 5px; }
.quick-contact .quick-contact-addr { font-weight: 300; }
.quick-contact .quick-contact-phones { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba( 0, 0, 0, 0.05 ); }
.quick-contact .quick-contact-phones span { display: block; }
.quick-contact .quick-contact-pin { position: absolute; left: 0; top: -2px; color: tomato; }
/* social media */
.sidebar .widget .dawg-social-media-ul, .footer-site .widget .dawg-social-media-ul {  }
.sidebar .widget .dawg-social-media-li, .footer-site .widget .dawg-social-media-li { display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 0; padding: 0px !important; border: none !important; }
.sidebar .widget .dawg-social-media-li a, .footer-site .widget .dawg-social-media-li a { display: block; }
.dawg-social-media-p { margin-bottom: 10px; }

/* 8. FOOTER */

.row + .copyright { border-top: 1px solid rgba( 0, 0, 0, 0.05 ); }
.copyright { font-size: 1.4rem; line-height: 2rem; font-weight: 300; font-style: italic; }
.footer-site .column section { margin-bottom: 15%; }
.footer-site .column section:last-child { margin-bottom: 0; }

/* 9. VARIOUS ELEMENTS */

/* forms */
input[type="button"], input[type="submit"], button { font-size: 1.2rem; font-weight: 300; text-transform: uppercase; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
textarea, input, select, button { border: 1px solid rgba( 0, 0, 0, 0.1 ); }
textarea { max-width: inherit; }
textarea#comment { margin-bottom: 20px; }
.form-allowed-tags { max-width: inherit; }
.logged-in-as { margin-top: 10px; }
.sidebar .search-submit, .story .search-submit { -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; width: 30%; height: 36px; }
.sidebar .search-field, .story .search-field { -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; width: 70%; padding: 0 15px; float: left; }
.post-password-form > p > label input { display: block; width: 50%; margin-bottom: 20px; }
.post-password-form > p > input { margin-bottom: 20px; }
p.nocomments { margin-top: 20px; font-style: italic; }
/* CF7 plugin*/
.wpcf7-form textarea { height: 113px; } 
span.wpcf7-not-valid-tip { font-size: 1.4rem; font-weight: 300; font-style: italic; }
div.wpcf7-validation-errors { border: none; background-color: tomato; color: #FFF; }
div.wpcf7-response-output { padding: 15px 20px; }
/* tables */
table { border: 1px solid rgba( 0, 0, 0, 0.05 ); }
table th, table td { border-bottom: 1px solid rgba( 0, 0, 0, 0.05 ); }
/* gallery */
.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { margin-bottom: 10px; }
.gallery-columns-1 .gallery-icon img, .gallery-columns-2 .gallery-icon img, .gallery-columns-3 .gallery-icon img,
.gallery-columns-4 .gallery-icon img, .gallery-columns-5 .gallery-icon img, .gallery-columns-6 .gallery-icon img, 
.gallery-columns-7 .gallery-icon img, .gallery-columns-8 .gallery-icon img, .gallery-columns-9 .gallery-icon img { border: none !important; padding: 5%; background-color: #F6F6F6; width: 90%; }
/* paging */
.inner-post-pagination { margin-top: 30px; }
.inner-post-pagination > span, .inner-post-pagination a { display: inline-block; vertical-align: middle; border: none !important; padding: 0 5px; }
.inner-post-pagination > span:first-child { font-size: 1.4rem; text-transform: uppercase; font-weight: 600; margin-left: 0; }
/* pagination */
.pagination a, .pagination span { padding: 8px 16px; }

/* MEDIA QUERIES */

@media only screen and (max-width: 480px) {
	.pull-left.sidebar .content { padding: 0; }
	.pull-right.sidebar .content { padding: 0; }
}

/* CUSTOMIZATIONS */

.wrapper-site {
	background: linear-gradient(to bottom, #ffffee, #ffffff) !important;
}

.custom-logo {
  max-height: 45px !important;
}

.header-site {
	background-image: url('assets/images/camo.jpg');
	background-repeat: repeat;
}

.header-site .container {
	background: rgba(255, 255, 245, 0.75);
}

.content-main {
	padding: 2% 20px !important;
}

.content-main .dawg-basic-info a {
	color: #000099;
    text-decoration: underline;
}

.content-main.dog {
	padding-top: 5% !important;
}

.swiper-slide h3.heading {
	text-shadow: 3px 3px 3px #000;
}

.widget-dawg-posts {
	padding-top: 2% !important;
}

.dog-single-banner {
	margin-top: 0px !important;
}

#footer .column .widget {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

#footer .column aside {
	margin-bottom: 20px;
}

#footer .column aside h5 {
	margin-bottom: 10px !important;
}

.widget-dawg-posts article .photo {
	position: relative;
}

.widget-dawg-posts article .photo .sold-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	display: none;
}

.widget-dawg-posts article .photo .sold-overlay span {
	display: block;
	font-weight: bold;
	text-align: center;
	margin-top: 50%;
	font-size: 19px;
}

.widget-dawg-posts article.sold .photo .sold-overlay {
	display: block;
}

.dog-blog{
	float: left !important;
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.dog-blog .button-text{
	font-size: 22px;
	color: white;
}
.dog-single-banner {
	background-position: center;
	height: 300px !important;
    width: 400px !important;
	margin-top: 100px !important;
}

#footer .dpsp-content-wrapper {
	/* Hides the Social Pug sharing widget from the footer */
	display: none;
}

@media(max-width: 599px){
	.button.dog-blog {
		display: block;
		width: 250px;
		margin: 1em auto;
	}
}

@media(min-width: 600px){
	.button.dog-blog {
		float: right;
		margin-top: 20px;
	}
}