/*
 Theme Name:   Storefront Child Theme
 Description:  Storefront Child Theme
 Author:       Matt Anderson
 Author URI:   https://woven-network.co.uk
 Template:     storefront
 Version:      1.0.0
 Text Domain:  storefront-child
*/

/* =Theme customization starts here
 * ------------------------------------------------------- */

/* --- CONTENTS ---

1. GLOBAL STYLES (USED IN VARIOUS SECTIONS OF THE WEBSITE)
	1.1 GENERAL STYLES
	    1.1.1 SPACING
	    1.1.2 BUTTONS
	    1.1.3 LINKS
			1.1.3.1 GLOBAL STYLES
			1.1.3.2 HEADER MENU LINKS
			1.1.3.3 HEADER SUB-MENU LINKS
			1.1.3.4 SIDEBAR LINKS
			1.1.3.5 FOOTER WIDGET LINKS
			1.1.3.6 BOTTOM FOOTER LINKS
	    1.1.4 COLOURS
			1.1.4.1 HEADER	    
		1.1.5 IMAGES
	1.2 STICKY NAVIGATION
	    1.2.1 LOGO
	    1.2.2 MENU
	    1.2.3 SEARCH
	1.3 SIDEBAR
	    1.3.1 GENERAL STYLES
	    1.3.2 BLOG WIDGETS
	    1.3.3 FORUMS WIDGETS
	1.4 FOOTER
		1.4.1 GENERAL STYLES
		1.4.2 WIDGETS
			1.4.2.1 GENERAL STYLES
			1.4.2.2 MAILCHIMP SIGNUP
			1.4.2.3 SOCIAL MEDIA
			1.4.2.4 RECENT POSTS
			1.4.2.5 EVENTS
		1.4.3 BOTTOM BAR
	1.5 MISC FIXES  

2. SECTION STYLES
	2.1 HOME
		2.1.1 WELCOME SECTION
	2.3 ABOUT
	2.2 BLOG
		2.2.1 POSTS PAGE
		2.2.2 SINGLE PAGE
		2.2.3 SIDEBAR (see 1.3.2)
	2.4 FORUMS
	2.5 EVENTS
	2.6 MEMBERS
		2.6.1 MEMBER DIRECTORY
		2.6.2 MEMBER PROFILE
		2.6.3 ACCOUNT SETTINGS
	2.7 CONTACT
    2.8 WOOCOMMERCE STYLES

*/
/*

------------------------- CUSTOMISATION START ------------

*/
/*

1. GLOBAL STYLES (USED IN VARIOUS SECTIONS OF THE WEBSITE)

*/
/*	1.1 GENERAL STYLES
*/
body {
	font-size: 16px;
}

h1, .h1 {
	font-size: 30px;
}

/*	    1.1.1 SPACING
*/

/* Header alterations */
.site-header {
    padding-top: 20px;
}

.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
    margin-bottom: 10px;
}

form.search-form {
    margin-bottom: 0 !important;
}

.site-header-cart .cart-contents {
	padding: 0 !important;
}

/* Can't seem to override responsive widths here! */
.col-full {
    max-width: 80%;
}
@media (max-width: 65.141em) {
  .col-full {
    margin-left: 2.618em;
    margin-right: 2.618em; } }

@media (max-width: 568px) {
  .col-full {
    margin-left: 1.387em;
    margin-right: 1.387em; } }

/* Lines up title underline with sidebar in full width */
.hentry .entry-header h1 {
    padding: 0 0 0.1em;
    border-bottom: none;
}
.hentry .entry-header {
    border-color: #60646c;
}

/* Footer Spacing */
.site-footer {
    padding-top: 15px;
    padding-bottom: 0;
}
.footer-widgets {
    padding-top: 10px;
    padding-bottom: 50px !important;
}
.site-info {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Keeps the footer at bottom of page!!! */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:389px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:389px;   /* Height of the footer */
   background:#6cf;
}
#container {
   height:100%;		/* Rule for IE 5.5/6 */
}

/*	    1.1.2 BUTTONS
*/
.button, input[type="submit"], .mc4wp-form-theme input[type=submit], .comment-respond input[type=submit], .tribe-events-button {
	background-color: #19825F !important;
	color: #FFFFFF !important;
	box-shadow: 0 5px 0 #125841 !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	text-transform: uppercase;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
}

.button:hover, input[type="submit"]:hover, input[type="submit"]:active, .button:active, .mc4wp-form-theme input[type=submit]:hover, .mc4wp-form-theme input[type=submit]:active, .comment-respond input[type=submit]:hover, .comment-respond input[type=submit]:active, .tribe-events-button:hover, .tribe-events-button:active {
	background-color: #2ADDA3 !important;
	color: #FFFFFF !important;
	box-shadow: 0 5px 0 #19825F !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	text-transform: uppercase;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
}

/* Custom blog page hover buttons */
.vc_btn3.vc_btn3-color-vista-blue.vc_btn3-style-modern {
	background-color: #19825F !important;
	color: #FFFFFF !important;
	box-shadow: 0 5px 0 #125841 !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	text-transform: uppercase;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
}

/*	    1.1.3 LINKS
*/
/*			1.1.3.1 GLOBAL STYLES
*/
/* unvisited link & visited link*/
a:link, a:visited {
	color: #1FA67A;
	text-decoration: none;
}

/* hover over link & selected link */
a:hover, a:active {
	color: #19825F;
	text-decoration: none;
	text-shadow: none;
}

/*			1.1.3.2 HEADER MENU LINKS
*/

/*			1.1.3.3 HEADER SUB-MENU LINKS
*/

/*			1.1.3.4 SIDEBAR LINKS
*/

/* unvisited link & visited link*/
.widget-area .widget a:link, .widget-area .widget a:visited {
	color: #1FA67A;
	text-decoration: none;
	font-weight: bold;
}

/* hover over link & selected link */
.widget-area .widget a:hover, .widget-area .widget a:active {
	color: #FFF !important;
	text-decoration: none;
	text-shadow: 0 0 5px #000, 0 0 5px #000;
	font-weight: bold;
}

/* Non-link text in sidebar */
.widget-area .widget {
    color: #60646c !important;
}

/*			1.1.3.5 FOOTER WIDGET LINKS
*/
/* unvisited link & visited link*/
.footer-widget-area .widget a:link, .footer-widget-area .widget a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

/* hover over link & selected link */
.footer-widget-area .widget a:hover, .footer-widget-area .widget a:active {
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 0 5px #000, 0 0 5px #000;
}

/*			1.1.3.6 BOTTOM FOOTER LINKS
*/
/* unvisited link & visited link*/
.site-footer a:link, .site-footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

/* hover over link & selected link */
.site-footer a:hover, .site-footer a:active {
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 0 5px #000, 0 0 5px #000;
}

/*	    1.1.4 COLOURS
*/
/* 		1.1.4.1 HEADER
*/

/*		1.1.5 IMAGES
*/

/* Sets the default image state (shouldn't affect featured images) */
.wpb_single_image img {
    border-radius: 6px;
    box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	padding: 0 !important;
}

/* Overwrites the default when Circle Border Shadow is chosen as Image Style in Visual Composer */
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img {
	border-radius: 500px !important;
	box-shadow: 3px 3px 10px #666 !important;
	-webkit-box-shadow: 3px 3px 10px #666;
	padding: 0 !important;
}

/* Adds a new class for images that shouldn't have any formatting */
.no_format_image img {
    border-radius: 0 !important;
    box-shadow: none !important;
	-webkit-box-shadow: none !important;
	padding: 0 !important;
}

.hentry .entry-content img {
	margin-bottom: 0 !important;
}

.wpb_single_image .vc_figure-caption {
	margin-top: 16px !important;
	font-size: 12px !important;
}

/*	1.2 STICKY NAVIGATION
*/
.site-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*	    1.2.1 LOGO
*/
.site-header .site-logo-link img {
    height: 75px;
    max-width: 100%;
    max-height: none;
}
.site-header .site-logo-link {
    margin-bottom: 0 !important;
}
/*	    1.2.2 MENUS
*/
.main-navigation {
    padding-top: 0;
}
.storefront-primary-navigation {
    background: #1fA67A;
}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 5px 15px !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
}
.main-navigation ul.menu>li>a:hover, .main-navigation ul.nav-menu>li>a:hover {
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    color: #ffffff !important;
}
.main-navigation ul.menu ul, .main-navigation ul.nav-menu ul {
    margin: 0;
}
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    padding: 5px 10px 5px 10px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}
.main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover {
    padding: 5px 10px 5px 10px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
}
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {
    color: #fff !important;
}
/* Secondary Menu and search box */
.woocommerce-active .site-header .secondary-navigation {
    width: 40% !important;
    float: right;
    margin-right: 0;
    padding-right: 0;
}
.secondary-navigation .menu {
    width: 180%;
    text-transform: uppercase;
}
.secondary-navigation .menu a {
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
}
.secondary-navigation .menu a:hover {
	text-shadow: 0 0 5px #000, 0 0 5px #000;
}
.secondary-navigation ul li {
    float: right;
}
.secondary-navigation .menu > li > a:before, .secondary-navigation .menu > li > a:after {
    content: none;
}

/* Cart Menu */
.site-header-cart .cart-contents {
    padding-top: 10px;
    padding-bottom: 0;
}

/*	    1.2.3 SEARCH
*/
/*	1.3 SIDEBAR
*/
/*	    1.3.1 GENERAL STYLES
*/
.widget-area .widget ul {
	font-size: 16px;
}

dl {
	font-size: 16px;
}

.widget-title, .widgettitle {
	font-size: 24px;
}

/*	    1.3.2 BLOG WIDGETS
*/
/* Hides the thumbnail */

/* Fixes the title width / display */


/*	    1.3.3 FORUMS WIDGETS
*/
.bbp-logged-in img.avatar {
	border-radius: 4px;
}

a.button.logout-link {
	float: left;
	margin-bottom: 40px;
}

.widget a.bbp-author-avatar {
	display: none;
}

/*	1.4 FOOTER
*/
/*	    1.4.1 GENERAL STYLES
*/
/* Text in Footer Widget area (not the titles) */
.footer-widget-area {
	padding-top: 30px;
	padding-bottom: 20px;
}

.footer-widget-area .widget, .footer-widget-area .widget a, .widget-area .widget, .widget-area .widget a {
	color: #FFFFFF;
}
.footer-widgets {
    border-bottom: 2px dotted #FFFFFF;
}


/*	    1.4.2 WIDGETS
*/
/*			1.4.2.1 GENERAL STYLES
*/
/* Removes bullet before lists in widgets */
.footer-widget-area .widget li:before, .widget-area .widget li:before {
	content: none;
}
.widget.bbp_widget_login {
    margin-bottom: 100px;
}

/*			1.4.2.2 MAILCHIMP SIGNUP
*/
.mc4wp-form-theme input[type=text] {
	width: 50%;
	float: left;
}
/*			1.4.2.3 SOCIAL MEDIA
*/
.widget_wpcom_social_media_icons_widget .genericon {
	font-family: Genericons;
	font-size: 40px;
}

/*			1.4.2.4 RECENT POSTS
*/
/*			1.4.2.5 EVENTS
*/
.tribe-events-list-widget ol li {
	background-color: #1fa67a !important;
}

/*	    1.4.3 BOTTOM BAR
*/


.site-footer a {
	color: #FFFFFF;
	font-size: 16px;
	padding-bottom: 0px;
}


/*	1.5 MISC FIXES  
*/
/* no more box around links and buttons */
a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: none;
}

/*

2. SECTION STYLES

*/
/*	2.1 HOME
*/
/*	    2.1.1 WELCOME SECTION
*/
.overlay.animated h1:after {
    color: #fff;
}
.sph-hero h1 {
    font-size: 72px;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    padding-bottom: 20px;
}
@media (max-width: 65.141em) {
  .sph-hero h1 {
    font-size: 44px; }
}
@media (max-width: 568px) {
  .sph-hero h1 {
    font-size: 30px; }
}

.sph-hero p:first-child {
	font-size: 36px;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
    margin-bottom: 0px;
}
@media (max-width: 65.141em) {
  .sph-hero p:first-child {
    font-size: 20px; }
}
@media (max-width: 568px) {
  .sph-hero p:first-child {
    font-size: 20px; }
}
.sph-hero p:last-child {
    font-size: 20px;
    text-shadow: 0 0 5px #000, 0 0 5px #000;
}
@media (max-width: 568px) {
  .sph-hero p:last-child {
    display: none; }
}
/*	2.3 ABOUT
*/
/*	2.2 BLOG
*/
.vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link {
    height: auto !important;
}
/*		2.2.1 POSTS PAGE
*/
/*		2.2.2 SINGLE PAGE
*/
/* previous / next post on individual post pages */
.post-navigation a {
	color: #fff !important;
}

/* Related posts links */
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	text-decoration: none !important;
	filter: alpha(opacity=100);
}
/* Adds an image credit style - need to add "image credits" to these text boxes */
.wpb_text_column.wpb_content_element.image-credits {
    font-size: 10px;
    font-style: italic;
}
/*		2.2.3 SIDEBAR (see 1.3.2)
*/
/*	2.4 FORUMS
*/
#bbpress-forums div.bbp-search-form {
	margin-bottom: 15px;
}

.bbp-reply-revision-log, .bbp-topic-revision-log {
	display: none !important;
}

#bbpress-forums div.bbp-the-content-wrapper input {
	margin: 5px 2px 5px 0;
}

input, textarea {
	border: 2px solid #f5f5f5;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	border: 2px solid #f5f5f5;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	font-size: 16px;
}

/* Box around the avatar in logged in widget */
.bbp-logged-in img.avatar {
    border: 3px double #ddd;
}

/* Hides the tiny avatar in the 'last updated by' notice in a forum */
img.gravatar.avatar.avatar-14.um-avatar {
    display: none;
}

/* Floats avatars to left of names */
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
    float: left;
    border: 3px double #ddd;
}

/* Font size for names next to avatars */
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
    font-size: 12px;
}
/* Name float */
a.bbp-author-name {
    float: none;
}
/* Colour of text for closed topics */
#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
    color: #aaa;
}
/*	2.5 EVENTS
*/
#tribe-events-content {
	padding: 20px;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover {
	background-color: #1FA67A;
}

.tribe-events-notices {
	background: #1FA67A;
	border: 1px solid #19825F;
	color: #FFF;
	text-shadow: none;
}

.mctb-close {
	color: #FFF;
	opacity: .3;
}

/*	2.6 MEMBERS
*/
/* Social login buttons on register page  */
.um-75.um a.um-button.um-button-social, .um-76.um a.um-button.um-button-social {
	box-shadow: none !important;
	border-bottom: 2px solid rgba(0,0,0,.1) !important;
}

/* forgot password link on login page */
a.um-link-alt:hover, a.um-link-alt:active {
	text-decoration: none !important;
}

/* Profile Cover photo */
.um-cover {
    background-color: rgba(0, 0, 0, 0);
}
.um-cover-e img {
    border-radius: 15px;
}

/* Notification Icon */
.um-notification-b {
    background: #19825F !important;
    box-shadow: none !important;
}

/*		2.6.1 MEMBER DIRECTORY
*/

.um-verified {
	color: #2ADDA3;
}

.um-78.um a.um-button, .um-77.um a.um-button, .um-75.um a.um-button, .um-message-btn .um-button {
	background-color: #19825F !important;
	color: #FFFFFF !important;
	box-shadow: 0 5px 0 #125841 !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
}

.um-78.um a.um-button:hover, .um-78.um a.um-button:active, .um-77.um a.um-button:hover, .um-77.um a.um-button:active, .um-75.um .um-button:hover, .um-75.um .um-button:active, .um-message-btn .um-button:hover, .um-message-btn .um-button:active {
	background-color: #2ADDA3 !important;
}

.um-75.um .um-button.um-alt, .um-76.um .um-button.um-alt {
	background-color: #eee !important;
	color: #666 !important;
	box-shadow: 0 5px 0 #aaa !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
}

.um-75.um .um-button.um-alt:hover, .um-75.um .um-button.um-alt:active, .um-76.um .um-button.um-alt:hover, .um-76.um .um-button.um-alt:active {
	background-color: #ccc !important;
	text-shadow: none;
}

.um-member-tagline {
    color: #ffffff !important;
}

/* Member directory card buttons on the About page can't be fixed in the same way as on the member directory
(by referencing the UM page code) because it's not a UM page. Had to make a directory for each MC member */
.um-229.um .um-button, .um-230.um .um-button, .um-231.um .um-button {
	background-color: #19825F !important;
	color: #FFFFFF !important;
	box-shadow: 0 5px 0 #125841 !important;
	border: none !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
}

.um-229.um .um-button:hover, .um-230.um .um-button:hover, .um-231.um .um-button:hover, .um-229.um .um-button:active, .um-230.um .um-button:active, .um-231.um .um-button:active {
	background-color: #2ADDA3 !important;
}

/* The following member card customisation only works if also entered in Ultimate Member's own Custom CSS*/
.um-member, .um-78 .um-member {
	background: #1FA67A !important;
	border-color: #19825f !important;
	border-width: 2px !important;
}

/* 'Message' text on member card message button */
.um-78 .um-member, .um-229.um .um-button {
	color: #fff !important;
}

/* Name on member card */
.um-member-name a {
	color: #fff !important;
}

.um-78 .um-member-card *, .um-229 .um-member-card * {
	color: #fff !important;
}

/*		2.6.2 MEMBER PROFILE
*/
/* fixes the broken character between fields in forums tab */
.um-item-meta span:not(:last-child):after {
	content: "|";
}

/* Profile Completeness widget */
.um-completeness-widget {
	color: #fff;
}

.um-completeness-progress {
	color: #fff !important;
}

.um-completeness-done {
	background: #2ADDA3;
}

/*		2.6.3 ACCOUNT SETTINGS
*/
/* Social button text colours in account settings */
a.um-social-btn.um-social-btn-facebook {
	color: #fff;
}

a.um-social-btn.um-social-btn-twitter {
	color: #fff;
}

a.um-social-btn.um-social-btn-linkedin {
	color: #fff;
}

/* remove shadow from account settings icons */
.um-account-side li a:hover, .um-account-side li a:active {
	text-shadow: none;
}

/* ...and from drop down menu text */
.select2-container a:hover, .select2-container a:active {
	text-shadow: none;
}

/*	2.7 CONTACT
*/
.contact-form label.radio {
	margin-bottom: 10px;
	display: flex;
}
.contact-form input[type=email], .contact-form input[type=text], .contact-form select, .contact-form textarea {
    margin-bottom: 15px !important;
}
.radio input[type="radio"] {
	margin-left: 0;
	margin-right: 10px;
}

/*	2.8 WOOCOMMERCE STYLES
*/
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #0E6E4E;
}
.woocommerce-error {
    background-color: #222;
}
.woocommerce-message {
    background-color: #5EBD90;
}
.page-template-template-fullwidth-php #order_review {
    background-color: #FFF;
}
/* Hides the sorting dropdown in product list (too few products) */
.storefront-sorting {
    display: none;   
}
.my_account_orders .button {
    font-size: 15px;
}

/* WC Vendors Styles */
small.wcvendors_sold_by_in_loop {
    font-size: 100%;
}
a.button.product_type_simple.ajax_add_to_cart, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, a.button.product_type_variable.add_to_cart_button {
    margin-top: 20px;
}
/* Stops box where vendors Mark Shipped from hiding options */
.wcv-grid table .row-actions {
    opacity: 1 !important;
}
.wcv-grid table .row-actions a {
    color: #1FA67A;
}
.wcv-grid a:hover {
    color: #19825F !important;
    text-decoration: underline !important;
}
/* If PayPal Express is the only payment option, use the following (comment out otherwise) */
/*.paypal_box_button, #payment .payment_methods {
    display: none;
}
.woocommerce_paypal_ec_checkout_message {
    width: 75%;
}*/