/*
Theme Name:WP-Starter
Theme URI:http://themeawesome.com/wordpress-child-theme
Description:A child theme of WP-Forge
Author:ThemeAwesome.com
Author URI:http://themeawesome.com/
Template:wp-forge
Version:3.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.1.html
Tags:light, gray, white, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain:wp-starter
Start adding your theme specific styles below.
*/

/* Import Colors */
@import url("colors.css");

/*Animation*/
.content_container * { transition:all .1s cubic-bezier(.4, 0, .2, 1); }

/* Global */
.content_wrap { padding:0; }
body, h1, h2, h3, h4, h5, h6, p, a { font-family:'Open Sans Condensed', Arial, sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-weight:700; }
h1 { font:700 2rem/2.25rem 'Open Sans Condensed', Arial, sans-serif; }
h2 { font:700 1.5rem/1.75rem 'Open Sans Condensed', Arial, sans-serif; }
h3 { font:700 1rem/1.5rem 'Open Sans Condensed', Arial, sans-serif; }
h4, h5, h6 { font:400 1rem/1.25rem 'Open Sans Condensed', Arial, sans-serif; }
em { font-family:'PT Serif', serif; }
hr, .hr, .content_container hr { background:#8794a1; border:none; display:inline-block; border-color:transparent; margin:.25rem 0 !important; height:.25rem; width:100%; }
.vr { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAITlqz7zwjjgzgFMUGMYAEYB8RmROaABADW4w7mGVIu9AAAAABJRU5ErkJggg==) repeat; border:none; height:100%; width:.5rem; }
.site-title, .site-description { text-align:center !important; }
footer[role="contentinfo"] { background:e8e8e8; border:none; padding:2rem 0 0; }
.content_container p { color:#8794a1; font-family:'PT Serif', serif !important; }

/* Navigation/Header */
#header { padding:1.5rem 0; }
.header-logo { padding:0; }
.site-header { text-align:center; padding:0; }
.site-header h1 { color:#8794a1; font-size:1.5rem; font-weight:700; line-height:2rem; margin:1.75rem 0 0; text-transform:uppercase; }
.site-header h1 em { font-size:1.25rem; font-weight:300; line-height:1.5rem; text-transform:none; }
img.header-image { margin:0; }
.top-bar-section { text-align:center; }
.top-bar-section ul { display:inline-block; }
.top-bar-section .social_wrap { margin:0; }
.top-bar-section ul li > a { line-height:11px !important; padding:10px !important; text-transform:uppercase; }
.top-bar-section ul li > a em { display:block; font-weight:300; height:14px; text-transform:lowercase; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border:none !important; }
.top-bar .name a, .top-bar-section ul li > a, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { font-size:1rem; font-weight:700; text-align:center; text-transform:uppercase; }
.top-bar-section li:not(.has-form) a:not(.button) { padding:10px 20px !important; }

/* Social Links */
.social-links a { background-color:#8794a1; border-radius:50%; height:30px; width:30px !important; margin:-5px 10px 0 0; padding:15px !important; }
.social-links a:hover { background-color:#a6c151; box-shadow:none !important; }
.social-links a:before { font-size:1.25rem; padding:5px; }
.social-links a[href*="facebook.com"]:before { color:#fff!important; content:'\f204'; }
.social-links a[href*="pinterest.com"]:before { color:#fff!important; content:'\f209'; }
.social-links a[href*="instagram.com"]:before { color:#fff!important; content:'\f215'; }

/* Pages */
.featured-links { margin-top:1.25rem; }
.featured-links li { margin-bottom:1.25rem; padding:0 .65rem; }
.featured-links li img { width:100%; }
.owl-controls { position:absolute; top:45%; height:0; width:100%; display:block; }
.owl-controls .owl-prev, .owl-controls .owl-next { background:#3b4661; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.28), 0 2px 4px rgba(0,0,0,.14); color:#fff; font-weight:700; padding:.5rem .5rem; transition:none; }
.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover { background:#a6c151; box-shadow:0 1px 2px rgba(0,0,0,.28), 0 4px 18px rgba(0,0,0,.14); }
.owl-controls .owl-prev { float:left; margin-left:-1rem; }
.owl-controls .owl-next { float:right; margin-right:-1rem; }
.owl-prev { position:relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.owl-prev:after { content:''; position:absolute; border-style:solid; border-width:8px 8px 8px 0; border-color:transparent #3b4661; display:block; width:0; z-index:1; margin-top:-8px; left:-8px; top:50%; }
.owl-prev:hover:after { border-color:transparent #a6c151; }
.owl-next { position:relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.owl-next:after { content:''; position:absolute; border-style:solid; border-width:8px 0 8px 8px; border-color:transparent #3b4661; display:block; width:0; z-index:1; margin-top:-8px; right:-8px; top:50%; }
.owl-next:hover:after { border-color:transparent #a6c151; }
.carousel-item-wrapper { overflow:hidden; }
#secondary-sidebar { border-top:2rem solid #333; margin:0 auto; padding:1rem; }
.page-header { border-top:1px solid #e9f1f5; border-bottom:1px solid #e9f1f5; margin:2rem 0; padding:0; }
.page-header .page-title { font-size:2.5rem; font-weight:700; line-height:4rem; margin:0; text-transform:uppercase; }
.page-content img { margin:0; }
.nav-page { padding:0 1rem 0 0; }
.nav-page p { margin:0 !important; }
.nav-page img { width:100%; }

/* Category Archives */
.category-header { border-top:1px solid #e9f1f5; border-bottom:1px solid #e9f1f5; margin:1.5rem 0; padding:0; }
.category-header .category-title { font-size:1.75rem; line-height:2rem; margin:.5rem 0; text-transform:uppercase; }
.category-footer { border-top:1px solid #e9f1f5; border-bottom:1px solid #e9f1f5; margin:1.5rem 0; padding:0; }
.category-content { border:none; margin:0; padding:0; }
.category-entry img.thumbnail, .category-entry img.alignleft, .category-entry .wp-caption.alignleft, .category-entry img.alignnone { max-height:330px; margin:0; padding:0; width:100% !important }
.category-grid li:hover .category-link { background:#a6c151; box-shadow:inset 0 0 6px rgba(0,0,0,.25); }
.category-grid li:hover .category-link a { color:#3b4661 !important; display:inline-block; }
.category-content .entry-title { background:#e8e8e8; border-radius:0 0 4px 4px; color:#a6c151 !important; display:inline-block; font-size:1rem; margin:0 0 .25rem 0; width:100%; }
.category-content .category-sku, .category-content .category-link { padding:.25rem; text-align:center; }
.category-content .category-sku { color:#8794a1; }
.category-content h3 { color:#3b4661 !important; font-size:1.25rem; font-weight:400; text-align:center; }
.category-blog .category-entry img.wp-post-image { border:none; width:100%; }
.category-blog .entry-title { font-size:1.25rem; margin:0 0 .25rem 0; padding:.75rem 1.5rem; text-align:center; width:100%; }
.category-blog .grid-item { }
.category-grid li a  { display:inline-block; }

/* Posts */
article { border:none; margin:0; padding:0; }
article.type-style, article.type-design { margin:0 0 .5; }
.style-picture img.thumbnail, .design-picture img { padding:0; width:100% !important }
.style-title { font-size:2rem; line-height:2.25rem; margin:0 1rem 1rem 0; }
.style-subtitle, .style-manufacturer, .design-minimum { display:inline-block; font-size:1.25rem; line-height:inherit; margin:0 1rem 1rem 0; padding:.25rem 1rem .25rem 0; text-transform:uppercase; float:left }
.design-info { padding-left:0; }
.design-minimum { text-align:center; }
.style-content .sizes ul { margin:0 !important; }
.style-content .style-size { border-bottom:2px solid #e9f1f5; font-weight:700; padding:.5rem .25rem; text-align:center; }
.style-content .style-size:hover { background:#e9f1f5; border-bottom:2px solid #e9f1f5; }
.style-colors { margin-top:2rem; }
.style-colors .style-color-list { padding:0; }
.style-colors .style-color { border-radius:4px; font-weight:700; margin:0 1rem 1rem 0; padding:1rem 2rem; text-align:center; }
.design-actions h4 { font-weight:400; }
.entry-header { border-top:1px solid #e9f1f5; border-bottom:1px solid #e9f1f5; margin:2rem 0; padding:0; }
.entry-header .entry-title { font-size:2.5rem; font-weight:700; line-height:4rem; margin:0; text-transform:uppercase; }
.post-field { }
.post-field h2 { font-size:1.5rem; }
.post-field h4 { text-align:center; }
.button { border-radius:.25rem; font-weight:700; margin:0 0 1rem 0; width:100%; }
.button:hover { box-shadow:0 1px 2px rgba(0,0,0,.28), 0 2px 4px rgba(0,0,0,.14); }
.button span.genericon { font-size:1.25rem }
.back-button a, a.back-button { font-family:'PT Serif', serif !important; font-weight:300; margin:.5rem 0; }
.back-button a:hover, a.back-button:hover { color:#3b4661 !important; }
.single-blog .entry-title { color:#3b4661 !important; display:inline-block; font-size:1.75rem; line-height:2.5rem; margin:0; text-transform:uppercase; }
.single-blog .post-content h2 { color:#8794a1 !important; font-size:1rem; }
.single-blog .post-content p { color:#8794a1; font-family:'PT Serif', serif !important; }
.single-blog a { color:#3b4661 !important; font-family:'Open Sans Condensed', Arial, sans-serif !important; font-size:1.5rem; line-height:2rem; font-weight:700; }
.single-blog a:hover { color:#a6c151 !important; }

/* Post Navigation, Pagination, Nav Lists */
.top-bar.expanded .title-area { background:#3b4661; }
.top-bar.expanded .toggle-topbar a span::after { box-shadow:0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; }
.nav-single h3 { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAITlqz7zwjjgzgFMUGMYAEYB8RmROaABADW4w7mGVIu9AAAAABJRU5ErkJggg==) repeat; color:#000 !important; margin:.5rem 0; padding:.5rem; text-align:center; }
.nav-single h3:hover { background:#e9f1f5; }
.pagination { color:#8794a1; font-weight:700; margin:.8rem 0 .4rem 0; text-align:center; }
.pagination span.pages { display:inline-block; margin:0 .5rem .5rem 0; }
.pagination .genericon { font-size:1rem; line-height:1.5rem; font-weight:700; padding:0 .75rem; }
.pagination a.previouspostslink, .pagination a.nextpostslink { color:#8794a1 !important; }
.pagination a.previouspostslink:hover, .pagination a.nextpostslink:hover { color:#a6c151 !important; }
.pagination a.page { color:#8794a1 !important; padding:3px 9px; margin:0; }
.pagination a.page:hover, .pagination .current { border-radius:3px; background:#a6c151; color:#3b4661; }
.pagination .current { font-weight:700; padding:4px 12px; }
.nav-list { margin-bottom:2rem; }
.nav-list ul { list-style:none; margin:0; }
.nav-list li a { background:rgba(255,255,255,.75); color:#3b4661 !important; display:inline-block; font-family:'PT Serif', serif !important; font-style:italic; font-size:1rem; font-weight:400; line-height:1.5rem; width:100%; }
.nav-list li a:hover { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAITlqz7zwjjgzgFMUGMYAEYB8RmROaABADW4w7mGVIu9AAAAABJRU5ErkJggg==) repeat; color:#000; width:100%; }

/* Sidebar and Footer */
.footer-menu a { color:#fff !important; text-transform:uppercase; }
.footer-menu a:hover { color:#a6c151 !important; }
footer .ft-address .widget.widget_text p { color:#a6c151; font-size:1.25rem !important; line-height:1.5rem !important; margin:0 0 1rem; }

/* Forms */
.form-text img { width:100%; }
.form-body br { display:none; }
.form-body .genericon { font-size:1.25rem; }
.form-body span { color:#e9f1f5 !important; }
.form-field, .form-textarea, select { background:#fff; border:1px solid #dbe7ec !important; border-radius:2px !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important; width:100% !important; }
.form-field:hover, .form-field:focus, .form-textarea:hover, .form-textarea:focus { background:#f6f8f9; border:1px solid #e9f1f5 !important; }
textarea { height:auto !important; }
.form-textarea { max-height:4rem !important; }
input[aria-invalid=true] { border:2px solid #f44336; }

select[aria-invalid=true] { border:2px solid #f44336; }
input[type=date] { color:#8794a1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#8794a1; text-transform:uppercase; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#8794a1; text-transform:uppercase; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#8794a1; text-transform:uppercase; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#8794a1; text-transform:uppercase; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:#e9f1f5; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:#e9f1f5; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:#e9f1f5; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:#e9f1f5; }

/* Other Tweaks */
.single #content { margin:2rem 0; }
img.alignleft, .wp-caption.alignleft, img.alignnone { }
.social-navigation li { float:right; }
.top-bar-section li:not(.has-form) a:not(.button) { background:none !important; }
.top-bar-section li:not(.has-form) a:not(.button):hover { background:#a6c151 !important }
.home img.alignnone { margin-bottom:0 !important; }

/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on different devices */

@media only screen and (max-width:40em) { /* mobile - <640px */
	.logo-image { max-width:150px; }
	.top-bar-section ul li { margin:0 !important; }
	.top-bar .title-area { text-align:center; }
	.top-bar .name a, .top-bar-section ul li > a, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { font-size:1rem; font-weight:700; text-align:center; text-transform:uppercase; }
	.top-bar-section .dropdown li.title h5 a { background:#a6c151 !important; color:#3b4661; font-weight:700; text-align:center; text-transform:uppercase; }
	.top-bar-section .dropdown li.title h5 a:hover { background:#e9f1f5; }
	h1.page-title { text-align:center; }
	.owl-controls { display:none; }
	.owl-item img { min-height:187px; max-height:448px; }
	#secondary-sidebar { text-align:center; }
	#secondary-sidebar h5 { border-bottom:1px solid #eceff1; margin-bottom:1rem; padding-bottom:1rem; }
	.style-colors .style-color { font-size:.9rem; margin:0 .5rem .5rem 0; padding:.5rem 1rem; }
	.view-designs-list { -webkit-column-count:2; -moz-column-count:2; column-count:2; }
	.category-header .category-title { text-align:center; width:100%; }
	.category-header { margin:1.25rem 0 0; }
	.category-content .entry-title { font-size:1rem; padding:.25rem 1rem; }
	.ft-badge, .ft-description, .ft-address, #ftxt { text-align:center; margin-bottom:1rem; }
	.footer_wrap .social-links { display:inline-block; float:none !important; margin:0 auto; text-align:center; }
	.pagination { font-size:small; width:100%; }
	.pagination a.page, .pagination .current { font-size:smaller; padding:3px 9px; margin:0; }	
	.pagination .genericon { line-height:1.25rem; }
	.pagination span.pages { text-align:center; width:100%; }
	.page-header, .category-header { border:none; margin:1rem 0; }
	.page-header .page-title, .category-header .category-title { font-size:1.5rem; line-height:2rem; }
	h1.design-title, h1.style-title { font-size:1.5rem; line-height:2rem; text-align:center; }
	.back-button { text-align:center; }
	.single-blog .entry-title { font-size:1.75rem; line-height:1.75rem; margin:1rem 0 0; }
	.single-blog a { font-size:1rem; line-height:1.5rem; }
}

@media only screen and (min-width:40.063em) and (max-width:64em) { /* tablet - 641px - 1024px */
	.top-bar-section ul li { margin:0 !important; }
	.top-bar-section li:not(.has-form) a:not(.button) { padding:0 .5rem; }
	.top-bar-section .dropdown { left:-4px !important; }
	.top-bar-section ul li > a { padding:10px 15px !important; }
	.top-bar-section .has-dropdown > a:after { border-color:transparent; }
	.owl-controls .owl-prev { float:left; margin-left:1rem; }
	.owl-controls .owl-next { float:right; margin-right:1rem; }
	.owl-item img { min-height:449px; max-height:673px; }
	.style-colors .style-color { font-size:1rem; margin:0 .75rem .75rem 0; padding:.5rem 1rem; }
	.nav-list li a { font-size:.95rem; margin:0; padding:1px 2px; }
	.view-designs-list { -webkit-column-count:3; -moz-column-count:3; column-count:3; }
	footer .ft-address .widget.widget_text p { font-size:1rem !important; line-height:1.5rem !important; }
}

@media only screen and (min-width:64.063em) and (max-width:120.063em) { /* desktop - >1025px */
	.top-bar .name a, .top-bar-section ul li > a, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { font-weight:700; text-align:center; text-transform:uppercase; }
	.top-bar-section ul li > a { line-height:11px !important; padding:10px 20px !important; text-transform:uppercase; }
	.top-bar-section ul li > a em { display:block; font-weight:300; height:14px; text-transform:lowercase; }
	.top-bar-section .has-dropdown > a:after { border-color:transparent; }
	.top-bar-section .dropdown { left:0; }
	#header { background-color:transparent; }
	.owl-item img { height:674px; }
	.nav-list li a { margin:0; padding:4px 8px; }
	.view-designs-list { -webkit-column-count:3; -moz-column-count:3; column-count:3; }
	.style-picture img.thumbnail, .design-picture img { padding:1rem 1rem 1rem 6rem; }

}
