/*
Theme Name:   	Fit For Art Patterns (2019)
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:         Tim Gelles
Template:     	storefront
Description:  	This is a child theme for WooThemes StoreFront theme
Version:      	1.1.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/*Global Styles*/

body {
    font-size: 18px;
}

body, .secondary-navigation a {
    color: #31261D;
}

.site-header {
   background: #fefefe;
}

@media (min-width: 768px) {
    .storefront-primary-navigation {
       background: #9ad8e0;
    }     
    .site-header-cart .cart-contents {
        padding: .5em 0;
        font-size: 1.25rem;
    }  
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 1em .5em;
    }
    .site-header-cart .cart-contents::after {
        content: "\f07a";
    }
}

a.cart-contents span.woocommerce-Price-amount.amount, a.cart-contents span.count {
    display: none;
}

.required {
    color: #A22D14;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #3B3B3B;
}

div#tab-description a {
    border: none;
    border-bottom: .125em solid;
    border-bottom-color: #d6d6d6;
    background-color: transparent;
    border-radius: 0;
    transition: border-color,background-color,color;
    transition-duration: 250ms,250ms,250ms;
    transition-timing-function: ease-in-out,ease-in-out,ease-in-out;
}

div#tab-description a:hover {
    border-bottom: .125em solid;
    color: #2c2d33;
}

/*.site-header ul.menu li.current-menu-item > a {
    background: #0295ad;
    color: #fefefe;
}*/

.secondary-navigation ul li.wholesale a::after {    
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f0d1";
    padding-left: 5px;
}

.secondary-navigation ul li.join a::after {    
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f164";
    padding-left: 5px;
}

@media (min-width: 768px) { 
	.secondary-navigation ul li a::before {
		display: inherit;
	}
}

ul#menu-utility-nav li {
    background: #f2f2f2;
    margin-right: 5px;
}

/*Front Page Styles*/

.page-template-template-homepage .entry-header h1 {
	display: none;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded {
  background: rgba(255, 255, 255, 0.9);
  color: black;
  padding: 1rem;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded p {
	font-size: 1.25rem;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded h1 {
	font-size: 2.5em;
}

/*Blog Archive Widget Styles*/

/*Blog Page Styles*/
@media (min-width: 768px) {
    body.blog.right-sidebar .content-area {
        width: 73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
    }
}

/*Recent Posts Widget Extended Styles*/
.rpwe-block ul {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.rpwe-block li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style-type: none;
}
.rpwe-block a {
    display: inline !important;
    text-decoration: none;
}
.rpwe-block h3 {
    background: none !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 400;
    font-size: 1.25rem !important;
    line-height: 1.5em;
}
h3.rpwe-title a {
    font-weight: 400 !important;
}
.rpwe-thumb {
    border: 1px solid #eee !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0;
    padding: 3px !important;
    float: left;
    display: inline;
}
.rpwe-summary {
    font-size: 1rem;
    color: #333333;
}
.rpwe-summary a {
    border: none;
    border-bottom: .125em solid;
    border-bottom-color: #d6d6d6;
    background-color: transparent;
    border-radius: 0;
    transition: border-color,background-color,color;
    transition-duration: 250ms,250ms,250ms;
    transition-timing-function: ease-in-out,ease-in-out,ease-in-out;
}
.rpwe-summary a:hover {
    border-bottom: .125em solid;
    color: #2c2d33;
}

.rpwe-time {
    color: #bbb;
    font-size: .95rem;
}
.rpwe-alignleft {
    display: inline;
    float: left;
}
.rpwe-alignright {
    display: inline;
    float: right;
}
.rpwe-aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.rpwe-clearfix:before,.rpwe-clearfix:after {
    content: "";
    display: table !important;
}
.rpwe-clearfix:after {
    clear: both;
}
.rpwe-clearfix {
    zoom: 1;
}

/*Simple Links Styles*/
ul.simple-links-list {
	list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

li.simple-links-item {
	border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style-type: none;
    display: table;
}

li.simple-links-item a {
	display: inline !important;
    text-decoration: none;
    font-size: 1.25rem;
}

li.simple-links-item img {
	border: 1px solid #eee !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0;
    padding: 3px !important;
    float: left;
    display: inline;
    width: 224px;
}

li.simple-links-item span.link-description {
	font-size: 1rem;
    color: #333333;
}

/*Portfolio Template and Single Styles*/
#content .projects_categories_list_widget li {
    display: inline-block;
    background-color: #9f1f63;
    border-color: #9f1f63;
    color: #fefefe;
    padding: 7px 15px 6px 15px;
    margin: 5px 30px 5px 0px;
    font-size: 14px;
}

#content .projects_categories_list_widget li a {
    color: #fefefe;
}

#content .projects_categories_list_widget li.current-cat {
    background-color: #fff;
    border: 2px solid #9f1f63;
    color: #9f1f63;
}

#content .projects_categories_list_widget li.current-cat a {
    font-weight: 700;
    color: #9f1f63;
}

.single-project .single-featured {
    float: left;
    width: 50%;
    margin-bottom: 0px;
}

.single-project.has-gallery .gallery {
    float: right;
    width: 50%;
    margin-bottom: 0px;
}

.single-project.has-gallery .gallery img, .single-project .single-featured img {
    width: 300px;
    height: 300px;
    margin-bottom: 1rem;
}


.single-project.has-gallery .summary {
    width: 100%;
    float: initial;
}
.single-project-description p {
    font-size: 1rem;
    clear: both;
}

.single-project.has-gallery .summary .project-meta {
    display: none;
}

.single-project.no-gallery .summary .project-meta {
    display: inherit;
}

/*Footer Styles*/
.site-footer {
	/*background-color: #ff8625;*/
    background-color: #9ad8e0;
}
.block.footer-widget-1, .block.footer-widget-2, .block.footer-widget-3, .block.footer-widget-4 {
	/*background-color: #fefefe;*/
	padding-left: .75rem;
	padding-right: .75rem;
    color: #333333;
}

.site-footer li.simple-links-item a, .site-footer h4.tribe-event-title {
	font-size: 1rem;
}

.site-info {
	color: #333333;
}

.site-footer .widget {
	margin-bottom: 1.85em;
}

.site-footer .widget .widget-title {
	margin-top: .5rem;
}

.tribe-events-list-widget .tribe-events-list-widget-events {
	padding: inherit !important;
}

a.et_social_follow:focus, .et_social_icons_container li:focus, .et_social_icon:focus, a.et_social_share:focus, li.et_social_facebook:focus, i.et_social_icon.et_social_icon_facebook:focus, i.et_social_icon.et_social_icon_pinterest:focus, a.et_social_share_pinterest:focus {
    outline: -webkit-focus-ring-color auto 5px !important;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	margin-left: auto;
    margin-right: auto;
}

	/* Isotope
--------------------------------------------- */
.isotope-to-sort {
    margin: 0 0 3.706325903em;
  }
  
  .isotope-to-sort a.button {
    margin: .25rem;
    text-align: center;
    vertical-align: text-bottom;
    line-height: 1.2;
  }
  
  .site-main .isotope-to-sort a {
    color: inherit;
  }
  
  .isotope-to-sort a.all.button {
    --tw-text-opacity: 1;
    color: rgba(254, 254, 254, var(--tw-text-opacity));
  }
  
  .isotope-to-sort a.all.button:hover {
    --tw-text-opacity: 1;
    color: rgba(49, 38, 29, var(--tw-text-opacity));
  }
  
  .isotope-to-sort a.button {
    color: #fefefe;
    border-bottom: 0;
    text-transform: capitalize;
  }
  
  .isotope-to-sort a.button.is-checked {
    background-color: #9ad8e0;
    color: #31261d;
  }
  
  
  /* Gallery Listing */
  .gallery-card {
      width: 100%;
      padding: .5rem;
    margin: 0 0 2.618em;
  }
  
  @media (min-width: 62rem) {
      .gallery-card {
    width: 25%;
  }
  }
  .gallery-card h1 {
    font-size: 1.6em;
    margin-bottom: .6em;
    margin-top: 1em;
  }
  
  .gallery-card a:hover {
    opacity: .75;
  }
  
  .gallery-card a p {
    color: #31261D;
  }